1.正常情况下:

<script type="text/javascript"></script>

html解析->（遇到js脚本）html解析暂停（此处开始：js下载->js执行）->html解析

---

2.加async情况下:

<script async type="text/javascript"></script>

html解析（遇到js脚本）（继续html解析，并且此处开始：js下载）

->

（js下载完后）html解析暂停（此处开始：js执行）

->

html解析

总结：async是js脚本谁先加载完，谁先执行

---

3.加defer情况下:

<script defer type="text/javascript"></script>

html解析（遇到js脚本）（继续html解析，并且此处开始：js下载）

->html解析

->js执行

总结:defer是html全部解析完，顺序执行js脚本