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

 时间:2026-02-13 02:31:42

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

工具/原料

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

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

演示如下

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

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

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

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

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

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

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

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

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

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

注意事项

JS里面不能有空格

  • ppt左边的大纲不见了?
  • word如何修改垂直框列表的样式
  • PP怎样动态切换幻灯片
  • ppt如何为幻灯片应用动画效果
  • EXCEL如何给食品采购明细添加三维饼图
  • 热门搜索
    典范的意思 cam是什么意思 scanf是什么意思 柚子在什么季节成熟 祺是什么意思 兵荒马乱的意思 梦见白蛇是什么意思 手机刷机是什么意思 什么是混合基金 badminton是什么意思