window.onload和document.ready的区别

Posted 2022-12-05 ymbcc

window.onload和document.ready虽然两个方法的运行效果都一样，但他们之间是存在着区别的：

　　一、从执行的时间

　　　　window.onload在dom文档结构加载完毕以后就可以执行，不必等到页面中的其他文件（例如图片等文件）都加载完毕。

　　　　而document.ready则是必须要等到dom文档结构和其他包括图片在内放入所有文件全部加载成功后才可以执行

　　二、编写个数，被执行的次数不同

　　　　window.onload不能通知书编写多个，就算写了多个，也只能执行一个；

　　　　document.ready可以编写多个，并且可以全部执行

　　三、执行顺序

　　　　由于document.ready和window.onload执行时间原因导致，document.ready要比window.onload先执行

　　　　可以执行以下代码，验证结果：　　　

 　　　　　　window.onload = function () 

           　　　　 alert(‘onload‘);

       　　　　 ;

        　　　　document.ready(function () 

            　　　　alert(‘ready‘);

      　　　　 );

　　　　　运行这段代码可以发现，浏览器页面会先弹出ready，后弹出onlaod