首页 > 代码库 > window.onload与$(document).ready()的区别

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

2024-07-05 07:46:41   232人阅读

《锋利的jQuery》上摘抄下来：

　 window.onload $(document).ready()
执行时机 必须等待网页中所有的内容加载完毕后(包括图片)才能执行 网页中所有DOM结果绘制完毕后就执行，可能DOM元素关联的东西并没有加载完
编写个数 不能同时编写多个
以下代码无法正确执行：
window.load = function() {
 alert("test1");
};
window.load = function() {
 alert("test2");
};
结果只会输出“test2”		 能同时编写多个
以下代码可以正确执行：
$(document).ready(function(){
 alert("Hello World!");
});
$(document).ready(function(){
 alert("Hello again!");
});
结果两次都输出
简化写法 无 $(document).ready(function(){
 //...
});
可以简写成：
$(function(){
 //...
});


联系
我们