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

227 阅读 0 评论 150 点赞

我是靠谱客的博主精明煎蛋，最近开发中收集的这篇文章主要介绍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()的区别分析所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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