关于html中js引入位置相关

来源：互联网发布：复旦大数据学院夏令营编辑：程序博客网时间：2024/06/05 00:14

一、今天在做东西时遇到js引入位置的问题，特此记录一下。

二、写在前面的话

浏览器加载页面是至上而下的顺序。

三、<head> </head> 之间

这个是网站里面的多数使用方式，页面在加载时会先读取js内容。

这里会遇到的情况：我在页面里面引入了一个很大的js的话，那么浏览器就会在加载这段js上耗费很多资源。就像下面的情况：

我访问一个页面是会有一段空白页面的时间，这个时间就是加载js内容的。实际上着就影响了性能和用户体验。

四、写在<body> </body> 之间

当我们的js需要操作dom的时候就需要采用这种方式。否则，js需要操作dom的时候你dom还没有生成，那就会出现问题。

五、写在 </body> </html> 之间

这时浏览器会先加载dom元素，然后读取js内容。这样的方式页面会先显示出来，然后再操作js。

如果js操作dom过多，则会先显示原来的界面再进行变化，会有一个页面的闪烁。

六、写在最后的话

建议重要的库文件写在 <heade> </head> 之间，次要的写在 </body> </html> 之间。

阅读全文

0 0