您好,登錄后才能下訂單哦!
這篇文章為大家帶來有關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進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。