如何在不使用 jQuery 的情況下實作 $(document).ready() 的功能？

相當於沒有jQuery 的$(document).ready()

jQuery 中的$(document).ready() 函數是一個在執行回呼之前等待DOM 載入的事件處理程序。如果您不使用jQuery，則可以使用以下程式碼片段實現相同的效果：

document.addEventListener("DOMContentLoaded", function() {
  // code...
});

此方法將偵聽器附加到「DOMContentLoaded」事件，該事件在DOM 樹載入時觸發已載入（不包括影像等外部資源）。

與 window.onload 的差異

需要注意的是，window.onload 的行為與 $(document) 不完全相同。準備好（）。 window.onload 等待 DOM 加載以及所有元素完成加載，而 $(document).ready() 僅等待 DOM 加載。如果您的腳本依賴存在的 DOM 元素，尤其是在處理外部資源時，這一點可能很重要。

IE8 及更早版本

對於低於以下版本的瀏覽器IE9，可以使用以下程式碼片段：

document.onreadystatechange = function () {
    if (document.readyState == "interactive") {
        // Initialize your application or run some code.
    }
}

此程式碼檢查文件的「交互」狀態，這表示DOM 樹已加載，但外部資源可能仍在加載。

以上是如何在不使用 jQuery 的情況下實作 $(document).ready() 的功能？的詳細內容。更多資訊請關注PHP中文網其他相關文章！