溫馨提示×

JS實現document.ready

js
小云
445
2023-09-15 06:24:26
欄目: 編程語言

在JavaScript中實現document.ready的方法有很多種,以下是其中一種常用的方法:

// 創建一個函數,用于執行文檔準備就緒后的操作
function documentReady(callback) {
// 判斷文檔是否已經加載完畢
if (document.readyState === "complete" || document.readyState === "interactive") {
// 如果文檔已加載完畢,則直接執行回調函數
callback();
} else {
// 如果文檔尚未加載完畢,則添加DOMContentLoaded事件監聽器
document.addEventListener("DOMContentLoaded", callback);
}
}
// 調用documentReady函數,并傳入要執行的操作
documentReady(function() {
// 在文檔準備就緒后執行的操作
console.log("Document is ready!");
});

在上述代碼中,我們創建了一個名為documentReady的函數,用于執行在文檔準備就緒后的操作。該函數首先判斷文檔的加載狀態,如果文檔已經加載完畢(readyState為"complete"或"interactive"),則直接執行傳入的回調函數。否則,添加DOMContentLoaded事件監聽器,當文檔加載完成后執行回調函數。

使用documentReady函數時,可以傳入你想要在文檔準備就緒后執行的操作作為回調函數。在上述例子中,我們簡單地在控制臺輸出了一條消息,你可以根據需要修改回調函數的內容。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女