readyState

document.readyState 返回當前文檔的狀態，屬性如下：

uninitialized 還未開始加載 loading 加載中 interactive 已加載，文檔與用戶可以開始交互 complete 加載完成

DOMContentLoaded

當 DOMContentLoaded事件觸發時，僅當DOM加載完成，不包括樣式表，圖片，flash

onload

當 onload 事件觸發時，頁面上所有的DOM，樣式表，腳本，圖片，flash都已經加載完成了

根據執行時DOM是否已經裝載完畢來決定是對回調函數進行同步調用還是異步調用。具體代碼如下：

function onReady(fn){ var readyState = document.readyState; if(readyState === ’interactive’ || readyState === ’complete’) { fn() }else{ window.addEventListener('DOMContentLoaded',fn); }}onReady(function(){ console.log(’DOM fully loaded and parsed ’); })

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持好吧啦網。