<script>, <script async>, <script defer> 三種标簽的差別

<script>

,

<script async>

<script defer>

三種标簽的差別

1. <script>

   标簽
   • 阻塞html parsing
   • 腳本将會立即被請求和執行
   • 腳本執行完畢後, 繼續進行html parsing

2. <script async>

   • 腳本的請求将會和html parsing 并行執行
   • 腳本請求完成後将會立即執行(此時可能html parsing并未完成)
   • 當此腳本與其他腳本無關時使用

3. <script defer>

   • 當html parsing 結束後才會執行腳本
   • 如果有多個

     <script defer>

     标簽, 它們将按照它們出現的順序依次執行
4. 注意
   • 如果

     <script>

     标簽中沒有src屬性,

     async

     和

     defer

     将會被忽略