js async属性

前言: 在引入外部js文件时会阻塞dom的执行,为此在html4.01为script标签引入了async属性

概述: 表示应该立即下载脚本,但不应妨碍页面汇总的其它操作。只对外部脚本文件有效。

例子:   <script type='' async src='1.js'></script> <script type='' async src='2.js'></script>:第二个脚本文件可能会在第一个脚本文件之前执行,因此确保两者之间互不依赖

注意:   异步脚本不要在加载期间修改DOM,异步脚本语言一定会在页面的load事件前执行,但可能会在DOMContentLoaded事件(DOM渲染完成的监听事件)触发之前或之后执行。

区别:

  1. defer:  脚本可以延迟到文本完全被解析和显示之后再执行。

  2. async:脚本加载完成后就立马执行

谢谢客官的品尝,如有不严谨和错误地方请希望指正,祝大家工作和生活顺利 !

猜你喜欢

转载自www.cnblogs.com/yincece0316/p/12591292.html