$(document).ready 和 window.onload 的区别

最新推荐文章于 2024-07-02 15:03:05 发布

ViolenceHK

最新推荐文章于 2024-07-02 15:03:05 发布

阅读量310

点赞数

相同点

两者都用于在网页加载完后执行相应代码块。

不同点

window.onload 在创建完 DOM 树后，所有外部资源（图片、Flash 动画等）加载完成，且整个页面在浏览器窗口中显示完毕之后，才会执行。只能注册一个。

 
          window.onload =  
          function 
           () { 
         
          alert( 
          'window.onload' 
          ); 
         
          };

$(document).ready 只需在 HTML 文档解析为 DOM 树后，就会执行。可以注册多个，多个 $(document).ready 的执行顺序并非单纯的顺序执行，其与嵌套层级也有一定的关系。详细参考这里：https://yq.aliyun.com/ziliao/24713

 
          $(document).ready = ( 
          function 
          (){ 
         
          alert( 
          '$(document).ready' 
          );  
         
          }); 
         
          // $(document).ready = function () {}; 的简写形式是 $( function () {} );