在前端开发中，我们经常使用jQuery库来执行一些DOM操作和事件处理。其中一个非常有用的函数是 $(document).ready()，它可以确保在文档加载完成后再执行JavaScript代码。
然而，如果您不想依赖于jQuery库，是否有其他方法来检查文档是否已准备好？答案是肯定的！
使用原生JavaScript
使用纯JavaScript，您可以通过监听 DOMContentLoaded 事件来检查文档是否已准备就绪。这个事件会在文档解析完成后触发。
--------------------------------------------- --------------- -
-- ------------
---注意，在IE8及更早版本的浏览器中不支持 addEventListener 函数，您需要使用 attachEvent 函数来代替。
------------------------------------------ -----------
---------------------- --- ------------
-- ------------
-
---使用现代JavaScript
除了原生JavaScript外，您也可以使用现代JavaScript技术。例如，使用ES6的箭头函数和document.readyState属性：
----- ----- - ---------- -- -
-- -------------------- -- ---------- -----------
---- --------------------------------------------- ----------
-
-------- -- -
-- ------------
---这个示例代码的意思是：如果文档已经完成解析并且DOM树已经建立，则直接执行回调函数。否则，添加一个事件监听器来等待文档准备就绪。
结论
jQuery是一个非常有用的库，但是您不需要依赖它来检查文档是否已准备好。使用原生JavaScript或现代JavaScript技术，您可以轻松地完成这个任务，并提高您的前端开发技能。
示例代码：
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/28549