首頁 > web前端 > js教程 > 主體

JavaScript載入:defer與async

藏色散人
發布: 2019-05-09 09:35:56
轉載
2422 人瀏覽過

JavaScript載入:defer與async

頁面的解析過程是單線程的,但是單線程也可有同步與非同步之分,script標籤的解釋方式分為3種,預設、defer和async三種

登入後複製

預設模式,瀏覽器會立即載入並執行指定的腳本,「立即」指的是渲染該script 標籤之後的所有文件內容之前,也就是說不等待後續載入的文件元素,讀取到就載入並執行。

登入後複製

async 載入模式,載入和渲染後續文檔元素的過程, script.js 非同步加載,並且在script.js載入完成之後同步執行script.js(可能在後續文件元素解析完成的過程中)

登入後複製

defer載入模式,載入和渲染後續文檔元素的過程, script.js 非同步加載,並且在script.js載入完成和後續文件元素解析完成之後同步執行script.js

JavaScript載入:defer與async

#script 標籤解析時間圖

只有以src屬性連結的script標籤這2個屬性才會運作。

登入後複製

不帶src屬性script標籤在文件載入時順序加載,這兩個屬性無效。

登入後複製

以上是JavaScript載入:defer與async的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:aliyun.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!