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


Posted in Javascript onMay 30, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
JavaScript中的对象化编程
Jan 16 Javascript
javascript Select标记中options操作方法集合
Oct 22 Javascript
javascript是怎么继承的介绍
Jan 05 Javascript
javascript学习笔记(七) js函数介绍
Jun 19 Javascript
Jquery AJAX POST与GET之间的区别
Nov 14 Javascript
JavaScript设计模式之抽象工厂模式介绍
Dec 28 Javascript
javascript面向对象之定义成员方法实例分析
Jan 13 Javascript
JavaScript通过select动态更换图片的方法
Mar 23 Javascript
js带闹铃功能的倒计时代码
Sep 29 Javascript
5种JavaScript脚本加载的方式
Jan 16 Javascript
Angularjs实现下拉框联动的示例代码
Aug 22 Javascript
layui输入框只允许输入中文且判断长度的例子
Sep 18 Javascript
JQuery给网页更换皮肤的方法
May 30 #Javascript
jQuery实现给页面换肤的方法
May 30 #Javascript
js获取滚动距离的方法
May 30 #Javascript
jquery简单实现外部链接用新窗口打开的方法
May 30 #Javascript
Javascript实现div层渐隐效果的方法
May 30 #Javascript
JQuery+CSS实现图片上放置按钮的方法
May 29 #Javascript
Jquery解析json字符串及json数组的方法
May 29 #Javascript
You might like
基于PHP一些十分严重的缺陷详解
2013/06/03 PHP
php调用Google translate_tts api实现代码
2013/08/07 PHP
详细分析PHP 命名空间(namespace)
2020/06/30 PHP
javascript 多种搜索引擎集成的页面实现代码
2010/01/02 Javascript
JQuery入门——事件切换之hover()方法应用介绍
2013/02/05 Javascript
JS注册/移除事件处理程序(ExtJS应用程序设计实战)
2013/05/07 Javascript
jQuery ReferenceError: $ is not defined 错误的处理办法
2013/05/10 Javascript
js格式化金额可选是否带千分位以及保留精度
2014/01/28 Javascript
减少访问DOM的次数提升javascript性能
2014/02/24 Javascript
浅谈使用MVC模式进行JavaScript程序开发
2015/11/10 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
2015/12/08 Javascript
JS简单实现tab切换效果的多窗口显示功能
2016/09/07 Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
2016/12/13 Javascript
bootstrap table操作技巧分享
2017/02/15 Javascript
Angular2学习教程之ng中变更检测问题详解
2017/05/28 Javascript
Vue组件之单向数据流的解决方法
2018/11/10 Javascript
vue监听dom大小改变案例
2020/07/29 Javascript
python 参数列表中的self 显式不等于冗余
2008/12/01 Python
解决python3 网络请求路径包含中文的问题
2018/05/10 Python
Python打开文件,将list、numpy数组内容写入txt文件中的方法
2018/10/26 Python
python实现树的深度优先遍历与广度优先遍历详解
2019/10/26 Python
Django表单提交后实现获取相同name的不同value值
2020/05/14 Python
Django3中的自定义用户模型实例详解
2020/08/23 Python
CSS3让登陆面板3D旋转起来
2016/05/03 HTML / CSS
女性时尚网购:Chic Me
2019/07/30 全球购物
阿迪达斯新加坡官方网站:adidas新加坡
2019/12/06 全球购物
自我反省检讨书
2014/01/23 职场文书
家长对孩子的评语
2014/04/18 职场文书
大队干部竞选演讲稿
2014/04/28 职场文书
爱祖国演讲稿
2014/05/04 职场文书
优质服务口号
2014/06/11 职场文书
计算机实训报告总结
2014/11/05 职场文书
教导主任个人总结
2015/03/03 职场文书
大学生逃课检讨书
2015/05/04 职场文书
网络安全倡议书(3篇)
2019/09/18 职场文书
导游词之海南天涯海角
2019/12/05 职场文书