$ {document).ready vs window.onload vs window.addEventListener

时间:2019-04-04 21:03:15

标签: javascript jquery

我一直在研究上面的3个JS / jQuery命令,我想在加载所有内容后执行JavaScript,但是似乎在加载DIV之前已启动了以上所有3个脚本。谁能告诉我在加载所有内容后如何执行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>

1 个答案:

答案 0 :(得分:1)

我认为您正在寻找freeze。这是jQuery的方式:

window.onload