readyState

document.readyState 返回當(dāng)前文檔的狀態(tài)
屬性如下：

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

DOMContentLoaded

當(dāng) DOMContentLoaded事件觸發(fā)時(shí)，僅當(dāng)DOM加載完成，不包括樣式表，圖片，flash

onload

當(dāng) onload 事件觸發(fā)時(shí)，頁面上所有的DOM，樣式表，腳本，圖片，flash都已經(jīng)加載完成了

根據(jù)執(zhí)行時(shí)DOM是否已經(jīng)裝載完畢來決定是對(duì)回調(diào)函數(shù)進(jìn)行同步調(diào)用還是異步調(diào)用。具體代碼如下

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 ');
  })