<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生效