這篇文章為大家帶來有關defer與async詳細介紹。大部分知識點都是大家經常用到的，為此分享給大家做個參考。一起跟隨小編過來看看吧。
頁面的解析過程是單線程的，但是單線程亦可有同步與異步之分，script標簽的解釋方式分為3種，默認、defer和async三種
<script src="script.js"></script>
默認模式，瀏覽器會立即加載并執行指定的腳本，“立即”指的是在渲染該 script 標簽之后的所有文檔內容之前，也就是說不等待后續載入的文檔元素，讀取到就加載并執行。
<script async src="script.js"></script>
async加載模式，加載和渲染后續文檔元素的過程， script.js 異步加載，并且在script.js加載完成之后同步執行script.js(可能在后續文檔元素解析完成的過程中)
<script defer src="script.js"></script>
defer加載模式，加載和渲染后續文檔元素的過程， script.js 異步加載，并且在script.js加載完成和后續文檔元素解析完成之后同步執行script.js
script 標簽解析時間圖
只有以src屬性鏈接的script標簽這2個屬性才起作用。
<script defer type="text/javascript" src=""></script>
不帶src屬性script標簽在文檔加載時順序加載，這兩個屬性無效。
<script type="text/javascript">
let idEle = document.getElementById("app");
</script>看完上述內容，你們對defer與async的作用大概了解了嗎？如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
