是否有其他方法可以在不使用框架的情況下檢查 Javascript 中的 DOM 就緒情況？

確定Javascript 中的文件準備情況

問題：

問題：

問題：

是否有其他方法來檢查在Javascript 中實作DOM 就緒，而不依賴原型或jQuery 等框架？

答案：

function fireOnReady() { /* ... */ }
if (document.readyState === 'complete') {
    fireOnReady();
} else {
    document.addEventListener("DOMContentLoaded", fireOnReady);
}

選項1：DOMContentLoaded 事件

當初始HTML 文件已準備好進行解析操作時，將觸發DOMContentLoaded 事件。若要使用此事件：

請注意，此事件僅在頁面載入時觸發一次。

選項2：jQuery 的isReady 屬性（未記錄）

if($.isReady) {
    // DOM is ready
} else {
    // DOM is not yet ready
}

jQuery 有一個名為isReady

的未記錄屬性，可用於檢查DOM 準備：

雖然此屬性可靠，但並不可靠正式記錄，可能會在未來的jQuery 版本中刪除。

if( !/in/.test(document.readyState) ) {
    // document is ready
} else {
    // document is NOT ready
}

選項3：自訂ReadyState 檢查

受Dustin Diaz 的啟發，您可以建立一個自訂DOM 就緒程式碼片段來檢查document.readyState 屬性：這是有效的，因為document.readyState 屬性會經歷三種載入狀態：「正在載入」、「互動」和「完整的」。 “Loading”和“interactive”都包含文字“in”，表示 DOM 尚未準備好。

以上是是否有其他方法可以在不使用框架的情況下檢查 Javascript 中的 DOM 就緒情況？的詳細內容。更多資訊請關注PHP中文網其他相關文章！