JS里面的div+css页面不显示的问题

 时间:2024-10-21 14:25:33

当JS里面包含DIV+CSS时,用document.writeln{"div、css、div+css"}时,明明div+艘早祓胂css没有错误,语法也没有错误,可是引用的时候却是一片空白。

工具/原料

后缀名为.html的文件一个,这里命名为text.html。

后缀名为.js的文件一个,这里命名为text.js;后缀名.css的文件一个,这里命名为text.html。

演示如下

1、这里以魏征的《谏太宗十思疏》为例,JS代码在Dreamweaver里面如下

JS里面的div+css页面不显示的问题

2、下面来看text.html里面的代码

JS里面的div+css页面不显示的问题

3、我们保存text.html,并用浏览器打开这个页面,我们在前台看到的是一片空白。

JS里面的div+css页面不显示的问题

4、JS的代码并没有错误,div+css的代码也没有错误,痘痉颔湄那为什么不显示呢?原因是空格会影响JS代码的执行,只要去除空格就好了,我们用HTM讣嘬铮篌L压缩工具压缩一下就可以了,压缩工具网址http://tool.lu/html/。压缩后的代码如下图所示。

JS里面的div+css页面不显示的问题

5、然后重新保存,用浏览器执行,效果如下图所示。

JS里面的div+css页面不显示的问题
  • ppt左边的大纲不见了?
  • word如何修改垂直框列表的样式
  • PP怎样动态切换幻灯片
  • ppt如何为幻灯片应用动画效果
  • EXCEL如何给食品采购明细添加三维饼图
  • 热门搜索
    母亲节手抄报大全 环保手抄报模板 三爱手抄报 戏曲大舞台手抄报 感恩手抄报图片 科技新闻手抄报 端午节手抄报简单字少 我的中国梦手抄报图片 清正廉洁手抄报 中国梦 手抄报