js标签中defer和async的区别

async和defer是用来控制脚本和执行的两个关键字

1、async

(1) 当浏览器遇到带有async属性的脚本时,会开始下载脚本,并且不会阻塞HTML的解析

(2)当下载完成时,脚本会立即执行,不需要等待整个HTML文档解析完毕;;;所以意味着脚本的执行顺序不同于页面的出现顺序;

(3)适用于独立的不依赖于页面其他内容的脚本;

2、defer

(1)带有defer属性的脚本会等整个文档解析完成后再执行;

(2)带有多个defer属性的脚本会按照页面的文档的顺序依次执行;

(3)适用于等待页面解析完成才需要执行的脚本,并且各个脚本之间的依赖关系得到满足;