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

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

工具/原料

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

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

演示如下

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

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

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

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

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

注意事项

JS里面不能有空格