我自己的 $(document).ready()

Question

我有以下问题：我有一个网站不能依赖于 javascript 文件。我想要与 jquery 中的 $(document).ready() 具有相同的功能。那会是什么样子？谢谢。

Answer 1

onLoad 可以工作，但它会等待所有图像和内容加载完毕。如果你只是想让它在 DOM 准备好时运行，你可以这样做（找到 此处）：

// Create onDomReady event
window.onDomReady = function(f){
    if(document.addEventListener){
        document.addEventListener("DOMContentLoaded", f, false);
    }
    // For IE
    else{
        document.onreadystatechange = function(){
            if(document.readyState == "interactive"){
                f();
            }
        };
    }
};

// Attach a callback to onDomReady
window.onDomReady(function(){
    alert("The DOM is ready!");
});

Answer 2

你可以直接看一下 jQuery 源代码。如果您想要一个简单的“模拟”，只需包含/调用您的 JavaScript 作为 的最后一个元素即可

   <!-- ... start of your HTML document -- -->
   <script type="text/javascript">
      likeDocumentReady();
    </script>
  </body>
</html>

Answer 3

在 jQuery onLoad 成为一种常见做法之前，此链接中有一个非常详细的答案，您可以在其中检查跨浏览器解决方案。

http://www.javascriptkit.com/dhtmltutors/domready.shtml

Answer 4

我猜您正在寻找 onload 事件。但 yes123 是对的，你应该开始接受答案。

window.onload = function() {
    // yadda
}