JavaScript >> Javascript 文檔 >  >> Tags >> document

如何使用 JavaScript 檢查文檔是否準備就緒

要檢查文檔是否準備就緒並運行一些代碼,您可以將事件處理程序添加到 DOMContentLoaded document 事件 對象。

DOMContentLoaded 當初始 HTML 文檔完全加載和解析時觸發事件,無需等待樣式表、圖像和子框架完成加載。

// Define event handler
const handler = (e) => {
    console.log(`Document is ready!`);
};

// Listen for `DOMContentLoaded` event
document.addEventListener('DOMContentLoaded', handler);

如果您對重用事件處理函數不感興趣,只需將其替換為匿名函數即可,如下所示:

// Listen for `DOMContentLoaded` event
document.addEventListener('DOMContentLoaded', (e) => {
    console.log(`Document is ready!`);
});

DOMContentLoaded 事件適用於所有現代瀏覽器,包括 IE9 及更高版本。


Tutorial JavaScript 教程
  1. 在 MongoDB 聚合管道中展開變量

  2. 使用 React 和 CSS 構建這個很酷的彈出窗口/模態框

  3. Vue:創建響應 Vue.JS websocket 服務器

  4. 😰 可選的鍊式陷阱!

  5. 有用的 JavaScript 數組方法

  6. 自動更新節點依賴關係!

  7. 使用 CSS 設計 Facebook 樣式的下拉菜單

  1. javascript中的錯誤處理

  2. React.JS 執行的頂級功能

  3. 使用 React 構建一個簡單的計數器

  4. 在 React 中使用 PropTypes 進行類型檢查

  5. JavaScript 中的微秒計時

  6. 面試準備:從單鍊錶末尾刪除第 N 個節點

  7. 一個簡單的計數器,帶有新的 Recoil - Facebook 狀態管理庫,用於 React

  1. 將 API 從 Express 遷移到無服務器函數時,如何構建代碼?

  2. 我製作了一個 chrome 擴展程序,可幫助您在 Google Meet 會議中放鬆身心

  3. 用於社區的全新 🔥 AUDIO PLAYER 插件😎

  4. 2 開發 AT 市場的經驗教訓