延迟脚本'defer'和异步脚本‘async’的异同点

  1. 在<script>标签定义defer或者async 属性,这两个个属性的用途是表明脚本在执行时不会影响页面构造,也就是说,脚本会延迟到整个页面解析完毕后再运行。在<script>中设置defer或者async属性是告诉浏览器立即下载,但延迟执行。值得注意的是,defer或者async属性只适合外部脚本,对嵌入式脚本不起作用;
  2. 在xhtml 文档中。需要将defer属性设置成 defer=“defer”,async属性设置成 async= “async”;
  3. 加了defer属性的脚本会先于DOMContentLoaded事件;
  4. 加了async属性的脚本一定会在load事件前执行,但有可能在DOMContentLoaded之前或之后执行林;
  5. 加了defer属性的脚本会按照他们的先后顺序执行,async属性的脚本则不按照他们的先后顺序执行,这是defer和async 最大的区别;

猜你喜欢

转载自blog.csdn.net/u012540058/article/details/83987378