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：脚本加载完成后就立马执行

 

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