script标签中defer和async的区别

2年以前 | 1398 次阅读

多个带async属性的标签,不能保证加载的顺序;多个带defer属性的标签,按照加载顺序执行。

  • async属性,表示后续文档的加载和执行与js脚本的加载和执行是并行进行的,即异步执行;
  • defer属性,加载后续文档的过程和js脚本的加载(此时仅加载不执行)是并行进行的(异步),js脚本需要等到文档所有元素解析完成之后才执行,DOMContentLoaded事件触发执行之前。