不使用jQuery如何实现$(document).ready()的功能？

$(document).ready()**

中的 $(document).ready() 函数的非 jQuery 等效项jQuery 通常用于在 DOM 完全加载后执行代码。然而，在某些情况下，使用 jQuery 可能并不理想或不可用。在这种情况下，需要一个非 jQuery 等效项。

答案

$(document).ready() 的非 jQuery 等效项是 document.addEventListener( “DOMContentLoaded”，函数（）{...}）。此函数将一个事件侦听器附加到 DOMContentLoaded 事件，该事件在 DOM 树完全构建时被触发。放置在事件监听器内的代码将在 DOM 准备好后执行。

与 window.onload 的区别

注意 window.onload 与 $( 不同文档).ready()。 window.onload 仅等待所有元素完全加载，包括图像和脚本等外部资源。相比之下， $(document).ready() 只等待 DOM 树准备好，通常速度更快。

IE8 及更早版本支持

对于浏览器早于 IE8，DOMContentLoaded 的替代方法是使用 document.onreadystatechange 并满足以下条件：

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

其他选项

除了 DOMContentLoaded，还有其他事件监听器可用于处理 DOM 加载。有关更多详细信息，请参阅 Mozilla 开发者网络 (MDN) 文档。

以上是不使用jQuery如何实现$(document).ready()的功能？的详细内容。更多信息请关注PHP中文网其他相关文章！