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

轉載于:https://www.cnblogs.com/gqymy/p/10473909.html

總結

以上是生活随笔為你收集整理的script标签属性sync和defer的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。