您的位置:首页 > Web前端 > JQuery

传统JS中的window.onload方法和jQuery中的$(document).ready()方法的区别

2017-09-14 16:27 1071 查看

Window.onload

执行时机:必须等待网页中所有的内容加载完毕后(包括图片)才能执行。

编写个数:不能同时编写多个,比如以下代码无法正确执行:
window.onload = function(){
alert ("test1");
};
window.onload = function(){
alert ("test2);
};
改代码结果只会输出test2.

简化写法:无。

$(document).ready()

执行时机:网页中所有的DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完。

编写个数:能同时编写多个,以下代码能正确执行:
$(document).ready(function(){
alert("hello world");
});
$(document).ready(function(){
alert("hello again");
});
运行结果是两次都输出。

简化写法:$(document).ready(function(){
//.....
});
可以简写为:$(function)(){
//.....
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐