script属性async和defer区别

<h4> 一般情况下，浏览器遇到外部script标签，会去下载脚本，而停止对页面的解析。
下载脚本完成后，执行后，才会继续解析页面。
在下载过程中浏览器是被阻止做其他有用的工作，包括解析HTML，执行其他脚本，以及展示CSS布局。这就是阻塞。</h4>
<p>1.async和defer可避免阻塞，下载他们的过程中，浏览器还能做其他事（加载文件时不阻塞页面渲染）；
对于inline的script无效；使用这两个属性的脚本中不能调用document.write方法
2.async脚本在文件下载完成后会立即执行,并且其执行时间一定在window的load事件触发之前，async脚本很可能不会按其在页面中的出现次序顺序执行
3.defer脚本不会在下载(加载)后直接执行，而是在文档解析完成后才执行，而且按顺序执行，在document的DOMContentLoaded事件触发之前执行