一、今天在做东西时遇到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> 之间。
也欢迎登录我的个人网站,里面有更多的文章及技术咨询在等你:http://www.guangmuhua.com