一张表格告诉你windows.onload()与$(document).ready()的区别


Posted in Javascript onMay 16, 2014

浏览器加载完DOM后,会通过javascript为DOM元素添加事件,在javascript中,通常使用window.onload()方法。

在jquery中,则使用$(document).ready()方法。下面介绍一下两者的区别。

  window.onload() $(document).ready()
执行时机 在页面所有元素(包括图片,引用文件)加载完后执行。 页面中所有HTML DOM,CSS DOM结构加载完之后就会执行,其他图片可能没有加载完. 如果想要网页所有内容(包括图片等)加载完毕,再注册事件,使用$(window).load(function); 等价于window.onload()
编写个数 不能同时写多个,后面的将会覆盖前面的。ex: window.onload=function(){ alert("A"); } window.onload=function(){ alert("B"); } 结果会执行“B” 如果想要顺序执行alert("A")和alert("B")需写成 window.onload=function(){ alert("A"); alert("B"); } 可以同时写多个
简写 $(document).ready(function(){ //to do; }); 可写成 $().ready(function(){ //$()不带参数默认是document //to do; });或 $(function(){ //to do; });  
Javascript 相关文章推荐
JS模板实现方法
Apr 03 Javascript
JavaScript 32位整型无符号操作示例
Dec 08 Javascript
js获得参数的getParameter使用示例
Feb 26 Javascript
对比分析json及XML
Nov 28 Javascript
javascript实现对表格元素进行排序操作
Nov 18 Javascript
Hallo.js基于jQuery UI所见即所得的Web编辑器
Jan 26 Javascript
详解JavaScript表单验证(E-mail 验证)
Mar 31 Javascript
AngularJS操作键值对象类似java的hashmap(填坑小结)
Nov 12 Javascript
使用bat打开多个cmd窗口执行gulp、node
Feb 17 Javascript
javascript高级模块化require.js的具体使用方法
Oct 31 Javascript
微信小程序select下拉框实现效果
May 15 Javascript
微信小程序实现转盘抽奖
Sep 21 Javascript
Jquery倒计时源码分享
May 16 #Javascript
js取模(求余数)隔行变色
May 15 #Javascript
JS案例分享之金额小写转大写
May 15 #Javascript
自写的jQuery异步加载数据添加事件
May 15 #Javascript
js子页面获取父页面数据示例
May 15 #Javascript
js获取url中"?"后面的字串方法
May 15 #Javascript
javascript实例--教你实现扑克牌洗牌功能
May 15 #Javascript
You might like
PHP4实际应用经验篇(6)
2006/10/09 PHP
PHP函数篇之掌握ord()与chr()函数应用
2011/12/05 PHP
php如何调用webservice应用介绍
2012/11/24 PHP
WordPress中获取指定分类及其子分类下的文章数目
2015/12/31 PHP
PHP图像识别技术原理与实现
2016/10/27 PHP
基于Codeigniter框架实现的student信息系统站点动态发布功能详解
2017/03/23 PHP
javascript中巧用“闭包”实现程序的暂停执行功能
2007/04/04 Javascript
THREE.JS入门教程(4)创建粒子系统
2013/01/24 Javascript
jquery trigger伪造a标签的click事件取代window.open方法
2014/06/23 Javascript
Javscript调用iframe框架页面中函数的方法
2014/11/01 Javascript
WEB前端设计师常用工具集锦
2014/12/09 Javascript
js的toUpperCase方法用法实例
2015/01/27 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
2016/02/02 Javascript
小白谈谈对JS原型链的理解
2016/05/03 Javascript
jQuery手指滑动轮播效果
2016/12/22 Javascript
json数据处理及数据绑定
2017/01/25 Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
2017/04/17 Javascript
jQuery正则验证注册页面经典实例
2017/06/10 jQuery
JS Input里添加小图标的两种方法
2017/11/11 Javascript
微信小程序实现自定义加载图标功能
2018/07/19 Javascript
js编写简易的计算器
2020/07/29 Javascript
python数据处理实战(必看篇)
2017/06/11 Python
python对配置文件.ini进行增删改查操作的方法示例
2017/07/28 Python
python实时监控cpu小工具
2018/06/21 Python
python实现连连看辅助之图像识别延伸
2019/07/17 Python
TensorFlow命名空间和TensorBoard图节点实例
2020/01/23 Python
Python运行提示缺少模块问题解决方案
2020/04/02 Python
Python urllib3软件包的使用说明
2020/11/18 Python
html5录音功能实战示例
2019/03/25 HTML / CSS
别名指示符是什么
2012/10/08 面试题
入党申请人的自我鉴定
2013/12/01 职场文书
停车位租赁协议书
2014/09/24 职场文书
专职安全员岗位职责
2015/04/11 职场文书
大学生党课心得体会
2016/01/07 职场文书
领导激励员工的演讲稿,各种会上用得到,建议收藏
2019/08/13 职场文书
Python基础之赋值,浅拷贝,深拷贝的区别
2021/04/30 Python