window.onload和document.ready的区别

2021-02-01 15:15

阅读：533

标签：方法文档包括浏览器 soft document nload cti 不能

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

window.onload和document.ready的区别

标签：方法文档包括浏览器 soft document nload cti 不能

原文地址：https://www.cnblogs.com/ymbcc/p/11502299.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：window.onload和document.ready的区别
文章链接：http://soscw.com/index.php/essay/49542.html

亲，登录后才可以留言！