JQuery read和load的区别

全猿恶人

于 2019-08-18 08:10:48 发布

阅读量825

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_44540343/article/details/99700964

版权

本文探讨了在网页开发中ready与load事件的执行顺序及其关键区别。ready事件在DOM结构绘制完毕后即触发，而load事件则需等待页面所有元素，包括图片完全加载后才执行。文章还介绍了两种事件的使用场景及写法变异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发工具与关键技术：Visual Studio
作者：林耀
撰写时间：2019.08.18

ready与load那一个先执行，那一个后执行？答案是ready先执行，load后执行。
 区别如下：
1，执行的时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 
$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。
2，执行个数
$(document).ready()在单个页面中可以执行多个。
onload 在一个页面中只能执行一个。

二者写法上有变异：
$(window).load(function (){ 
// 编写代码 
});
等价于 
Window.onload = function (){ 
// 编写代码 
}
$(document).ready(fucntion(){ 
alert("第一种"；
});
$(function(){ 
 alert("第二种")；
});
$(jQuery.function($){ 
alert("第三种")；
});