script有以下三类
<script src="xxx"></script>
<script src="xxx" async></script>
<script src="xxx" defer></script>
- script
-
默认什么属性也没加也没有加,js的加载和解析会阻塞html文档的解析
2、script async
-
js的下载是异步执行不会阻塞html的解析,但是js解析会阻塞
3、script defer
-
js的下载和async一样,但是解析会等待html解析完,所以解析js也不会阻塞html的解析
| script标题 | js加载顺序 | js执行顺序 |
|---|---|---|
| script | 同步执行阻塞html | 同步执行阻塞html |
| script async | 异步执行不阻塞html | 同步执行阻塞html |
| script defer | 异步执行不阻塞html | 等html解析完同步执行 |