欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于javascript原生判斷DOM是否加載完畢

 更新時間:2020年10月14日 09:21:45   作者:酷兒q  
這篇文章主要介紹了基于javascript原生判斷DOM是否加載完畢,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

readyState

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

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

DOMContentLoaded

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

onload

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

根據(jù)執(zhí)行時DOM是否已經(jīng)裝載完畢來決定是對回調(diào)函數(shù)進行同步調(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 ');
 })

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論