关于html中js引入位置相关

 

一、今天在做东西时遇到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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值