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中的undefined 与 null 的区别  补充篇
Mar 17 Javascript
jQuery Ajax 实例全解析
Apr 20 Javascript
用Mootools获得操作索引的两种方法分享
Dec 12 Javascript
JQuery文字列表向上滚动的代码
Nov 13 Javascript
jQuery filter函数使用方法
May 19 Javascript
JavaScript使用push方法添加一个元素到数组末尾用法实例
Apr 06 Javascript
jQuery+ajax实现文章点赞功能的方法
Dec 31 Javascript
浅析angularJS中的ui-router和ng-grid模块
May 20 Javascript
详解vue axios中文文档
Sep 12 Javascript
js回文数的4种判断方法示例
Jun 04 Javascript
利用js-cookie实现前端设置缓存数据定时失效
Jun 18 Javascript
原生JS实现音乐播放器
Jan 26 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实现的获取URL信息的类
2007/01/02 PHP
给php新手谈谈我的学习心得
2007/02/25 PHP
php数组函数序列之array_key_exists() - 查找数组键名是否存在
2011/10/29 PHP
PHP实现清除wordpress里恶意代码
2015/10/21 PHP
PHP从二维数组得到N层分类树的实现代码
2016/10/11 PHP
PHP判断是否是微信打开还是浏览器打开的方法
2019/02/27 PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
2020/02/27 PHP
Ext JS Grid在IE6 下宽度的问题解决方法
2009/02/15 Javascript
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
2011/01/08 Javascript
JavaScript1.6数组新特性介绍以及JQuery的几个工具方法
2013/12/06 Javascript
JavaScript中document对象使用详解
2015/01/06 Javascript
ionic 上拉菜单(ActionSheet)实例代码
2016/06/06 Javascript
js仿支付宝多方框输入支付密码效果
2016/09/27 Javascript
深入浅出es6模板字符串
2017/08/26 Javascript
如何去除vue项目中的#及其ie9兼容性
2018/01/11 Javascript
python多线程抓取天涯帖子内容示例
2014/04/03 Python
Ubuntu 14.04+Django 1.7.1+Nginx+uwsgi部署教程
2014/11/18 Python
Python实现CET查分的方法
2015/03/10 Python
详解Python网络爬虫功能的基本写法
2016/01/28 Python
python中import reload __import__的区别详解
2017/10/16 Python
Python内置模块turtle绘图详解
2017/12/09 Python
python使用os.listdir和os.walk获得文件的路径的方法
2017/12/16 Python
Python subprocess模块详细解读
2018/01/29 Python
Python的互斥锁与信号量详解
2019/09/12 Python
pandas将多个dataframe以多个sheet的形式保存到一个excel文件中
2019/10/10 Python
python中rc1什么意思
2020/06/19 Python
Python自动创建Excel并获取内容
2020/09/16 Python
关于css中margin的值和垂直外边距重叠问题
2020/10/27 HTML / CSS
一份全面的PHP面试问题考卷
2012/07/15 面试题
大学生毕业求职的自我评价
2013/09/29 职场文书
简历自荐信
2013/12/02 职场文书
出国导师推荐信
2014/01/16 职场文书
学生上课看漫画的检讨书
2014/09/26 职场文书
2014年党的群众路线整改措施思想汇报
2014/10/12 职场文书
python基础之错误和异常处理
2021/10/24 Python
Python实现自动玩连连看的脚本分享
2022/04/04 Python