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