js延迟加载、js异步加载

1.js延迟加载
    (1)js延迟加载是js性能优化的一种方式
    (2)作用:为了提高网页的加载速度
    (3)原理:等网页加载完成之后再加载js文件
        ··需要优化的原因:HTML元素是按照其在页面中出现的次序调用的,如果需要使用JavaScript来操作DOM元素,
        比如:获取DOM对象;修改DOM元素的结构
        结果JavaScript加载在其需要操作的DOM元素之前,则会引起代码出错,原因是HTML结构没有加载完成,需要操作的DOM元素无法获取,得到的是空对象
    (4)js延迟加载有6种方式:
        1.defer属性(只支持IE,不建议使用)
        2.async属性
            ··H5为<script>标签新添的属性,执行的原理是异步加载
            ··存在的问题:无法控制脚本的执行顺序;在load事件前执行;可能在DOMContentLoader事件触发前/后执行
            ··应用场景:当前页面的脚本之间彼此独立,且不依赖当前页面的其他脚本
        3.动态创建DOM方法
        4.使用jQuery的getScript方法、
            ··getScript()是通过HTTP GET请求 载入并执行js文件
            ··getScript(url,success(response,status))
                ·url:请求地址
                ·success:成功的回调函数;response:请

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

DEYI_LI

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值