JS同步加载以及异步加载的三种方式

JS同步加载

同步加载就是一种我们最常用的一种方式。这种加载方式带来的一种影响就是会导致页面阻塞。因为js中有输出document内容、修改dom、重定向等行为，就会造成页面堵塞。所以建议是把script标签写在body的后面。尽量避免这种阻塞带来的影响。

异步加载

1.defer的用法-以前适用于IE，写在可以在主流浏览器上使用。

 <script src="test.js" defer></script>

defer可以直接在script标签上使用。他的属性值也就他自己一个，所以也可以直接写。
这个属性规定是否对脚本进行延迟加载，直到页面加载完成为止。
添加这个属性后，js脚本按照脚本声明顺序执行。

2.async-h5新增属性
async-用法和defer类似，但是async这个属性只适用于外部去引用脚本，即script要有scr属性才能去使用。

<script src=