首页 > 代码库 > window.onload与$(document).ready()的对比
window.onload与$(document).ready()的对比
一、window.onload:(1)必须等待网页中所有的内容加载完毕后(包括图片)才能执行;(2)不能同时编写多个,如:
window.onload = function(){
alert("test1")
};
window.onload = function(){
alert("test2")
};
结果只会输出“test2”。
二、$(document).ready():(1)网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完;
(2)能同时编写多个,以下代码正确执行;
$(document).ready(function(){
alert("Hello World!");
});
$(document).ready(function(){
alert("Hello again!");
});
结果两次都输出;
$(document).ready(function(){
// ..
});
可以简写成:
$(function(){
//..
})
window.onload与$(document).ready()的对比
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。