JS实现document.ready

在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函数时，可以传入你想要在文档准备就绪后执行的操作作为回调函数。在上述例子中，我们简单地在控制台输出了一条消息，你可以根据需要修改回调函数的内容。