JS放head不生效 尾部使用才有效

将JavaScript代码移至HTML文档末尾，或使用DOMContentLoaded事件确保DOM加载完成后再执行。

1、 创建一个HTML文件，我选用HTML5标准，代码结构如下所示。

2、 这个盒子需要点击才能操作。

3、 为div添加CSS样式代码如下所示

4、 }

5、 点击此处的方框进行操作

6、 引入JS触发样式更新

7、 }

8、 }

9、 }

10、 这个盒子需要点击才能触发操作。

11、 首先加载HTML文件，再加载CSS样式，最后加载JS文件，这是最关键的步骤。