美文网首页饥人谷技术博客
async和defer的作用是什么?有什么区别

async和defer的作用是什么?有什么区别

作者: Komolei | 来源:发表于2017-03-07 23:09 被阅读0次
  1. 同步与异步的概念:
    同步:一件事情的开始,必须等待上一件事情的完成。若上一件事情没有完成,这件事情就会一直等待它完成,再执行。
    异步:一件事情的开始,不必等待上一件事情的完成。这两个事情可以分开进行的。

  2. async和defer都是可以让js文件异步调用。

  3. 区别:
    async可以让js文件立刻进行异步调用,仅适用于外部脚本(只有在使用 src 属性时),同时这个是html5的新属性。
    支持的浏览器:


    Paste_Image.png
            defer虽然也是异步调用,但是其的执行要等待页面元素解析之后,同时在DOMContentLoaded事件触发之前才可以。是一种延迟性的异步加载。
           支持的浏览器:
    
Paste_Image.png
          DOMContentLoaded事件:是让网页的DOM元素解析之后,立刻触发,而无须等待其他元素(css样式表、图像、iframe)的加载。http://www.html5jscss.com/mian_ready.html

**严禁转载,违者必究!

相关文章

网友评论

    本文标题:async和defer的作用是什么?有什么区别

    本文链接:https://www.haomeiwen.com/subject/eddvgttx.html