script標簽屬性sync和defer


<script src="a.js" defer></script>
加了defer屬性script標簽的頁面,運行流程如下:
 
1.瀏覽器開始解析HTML頁面
 
2.遇到有defer屬性的script標簽,瀏覽器繼續往下面解析頁面,且會並行下載script標簽的外部js文件
 
3.解析完HTML頁面,再執行剛下載的js腳本(在DOMContentLoaded事件觸發前執行,即剛剛解析完</html>,且可保證執行順序就是他們在頁面上的先后順序)
 
注意事項:
 
1.內置js代碼的script標簽,以及動態生成的script標簽,defer屬性不生效
 
2.有defer屬性的script標簽腳本文件里不能使用document.write方法
 
<script src="a.js" sync></script>
加了sync屬性script標簽的頁面,運行流程如下:
1.瀏覽器開始解析頁面
 
2.遇到有sync屬性的script標簽,會繼續往下解析,並且同時另開進程下載腳本
 
3.腳本下載完畢,瀏覽器停止解析,開始執行腳本,執行完畢后繼續往下解析
 
注意事項:
 
1.無法保證腳本的執行順序,哪個腳本先下載完畢,就先執行哪個
 
2.也不能使用document.write方法
 
 
 
使用場景區分:
 
1.腳本之間沒有依賴關系的,使用sync
 
2.腳本之間有依賴關系的,使用defer
 
3.若同時使用sync和defer,defer不起作用,sync生效


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM