js 延迟加载的方式有哪些

本文介绍了JavaScript延迟加载的五种常见方法:1) 使用defer属性,2) 利用async属性,3) 动态创建DOM插入脚本,4) 结合setTimeout函数,5) 将JS文件放在页面底部来实现延迟加载。
摘要由CSDN通过智能技术生成
js延迟加载就是当页面全部加载完毕,然后再加载js文件,这样做有助于提高页面加载的速度。
下面将总结js中延迟加载的几种方式。

1、defer属性

在script标签上,设置defer属性,可以达到异步加载js文件,延迟执行js脚本文件的目的。
1、defer属性只对外部文件有效,对本地js文件没有效果。
2、defer属性是在遇到scirpt标签时,浏览器开始异步下载,当遇到</html>标签时,表名页面加载完毕,开始执行js文件。
3、并且js文件是按顺序执行的。

2、async属性

在script标签上,设置async属性,可以达到异步加载js文件的目的。
1、async属性只对外部文件有效,对本地js文件没有效果。
2、async属性是遇到scirpt标签开始通知浏览器异步下载,下载完毕之后,就可以立即执行。
3、async设置的js文件不是按照顺序的。

  • 5
    点赞
  • 51
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值