时间戳

首页 > 解决方案 > $(document).ready vs window.onload vs window.addEventListener

javascript - $(document).ready vs window.onload vs window.addEventListener

问题描述

我一直在研究上述 3 个 JS/jQuery 命令，并且我想在加载所有内容后执行 JavaScript，但似乎所有上述 3 个脚本都是在加载 DIV 之前触发的。谁能告诉我在加载所有内容后如何执行 JS 脚本。请查看以下 html ：如果您仔细注意到这一点，您将在加载 DIV 之前看到警报弹出窗口。我在 Chrome 中运行它。

      <script>

    window.addEventListener( 'load', function( event ) {
            alert("test");
    }); 


    $(document).ready(function(){
            alert("test"); 
    });


    window.onload = function(e){ 
            alert("test"); 
    }

      </script> 

   <body>
    <div>
        Hello There!!!
    </div>

   </body>

标签： javascriptjquery

解决方案

我想window.onload这就是你要找的。这是jQuery方式：

$(window).load(function() {
  //dom not only ready, but everything is loaded
});

推荐阅读