window.onload与$(document).ready()的区别
2020-12-12 23:34
标签：style class c a width cti 《锋利的jQuery》上摘抄下来： window.onload与$(document).ready()的区别,搜素材,soscw.com window.onload与$(document).ready()的区别 标签：style class c a width cti 原文地址：http://www.cnblogs.com/elm5280/p/3738532.html
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(){
//...
});
文章标题：window.onload与$(document).ready()的区别
文章链接：http://soscw.com/essay/23783.html