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

310 阅读 0 评论 205 点赞

我是靠谱客的博主精明煎蛋，这篇文章主要介绍window.onload与$(document).ready()的区别分析，现在分享给大家，希望可以做个参考。

本文实例讲述了window.onload与$(document).ready()的区别。分享给大家供大家参考。具体分析如下：

window.onload是Javascript中得函数，意思是：等待网页中所有内容加载完毕之后（包括图片）；
而$(documetn).ready()是在网页中的所有DOM结构绘制完毕之后就可以执行了，可能有与DOM关联的元素还没有加载完，所以相比之下更快一些；

比如举个简单的例子：

window.onload=function(){
  alert('I am No.1');
};
window.onload=function(){
 alert('I am No.2');
}

根据上面的意思，结果只能输出“I am No.2”

而换成:

$(document).ready(function(){
alert('I am No.1');
});
$(document).ready(function(){
alert('I am No.2');
});

结果输出 I am No.1 ,I am No.2

希望本文所述对大家的javascript程序设计有所帮助。

以上就是精明煎蛋最近收集整理的关于window.onload与$(document).ready()的区别分析的全部内容，更多相关window.onload与$(document).ready()内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。