一张表格告诉你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 相关文章推荐
JavaScript DOM 学习第七章 表单的扩展
Feb 19 Javascript
面向对象的Javascript之三(封装和信息隐藏)
Jan 27 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
Apr 26 Javascript
jquery实现弹窗功能(窗口居中显示)
Feb 27 Javascript
javascript内存分配原理实例分析
Apr 10 Javascript
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
Oct 24 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
Jan 15 Javascript
Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能
Aug 12 Javascript
微信小程序实现的动态设置导航栏标题功能示例
Jan 31 Javascript
在JavaScript中如何访问暂未存在的嵌套对象
Jun 18 Javascript
微信小程序的引导页实现代码
Jun 24 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
Aug 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
PHP使用Session遇到的一个Permission denied Notice解决办法
2014/07/30 PHP
php数字每三位加逗号的功能函数
2015/10/22 PHP
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
网站被恶意镜像怎么办 php一段代码轻松搞定(全面版)
2018/10/23 PHP
让你的CSS像Jquery一样做筛选的实现方法
2011/07/10 Javascript
如何使用Javascript获取距今n天前的日期
2013/07/08 Javascript
jquery进行数组遍历如何跳出当前的each循环
2014/06/05 Javascript
推荐6款基于jQuery实现图片效果插件
2014/12/07 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
2017/02/15 Javascript
jQuery实现注册会员时密码强度提示信息功能示例
2017/09/05 jQuery
基于Vue实现电商SKU组合算法问题
2019/05/29 Javascript
微信小程序实现列表左右滑动
2020/11/19 Javascript
Python中的Numpy入门教程
2014/04/26 Python
Python中对列表排序实例
2015/01/04 Python
Python Web框架Flask中使用新浪SAE云存储实例
2015/02/08 Python
Python网络编程详解
2017/10/31 Python
Python 3.7新功能之dataclass装饰器详解
2018/04/21 Python
python将一组数分成每3个一组的实例
2018/11/14 Python
python读取xlsx的方法
2018/12/25 Python
Django中使用Whoosh进行全文检索的方法
2019/03/31 Python
Django使用redis缓存服务器的实现代码示例
2019/04/28 Python
tensorflow tf.train.batch之数据批量读取方式
2020/01/20 Python
django haystack实现全文检索的示例代码
2020/06/24 Python
python uuid生成唯一id或str的最简单案例
2021/01/13 Python
Python中使用Selenium环境安装的方法步骤
2021/02/22 Python
canvas三角函数模拟水波效果的示例代码
2018/07/03 HTML / CSS
与世界上最好的跑步专业品牌合作:Fleet Feet
2019/03/22 全球购物
介绍一下sql server的安全性
2014/08/10 面试题
毕业求职自荐信格式是什么
2013/11/19 职场文书
六月份红领巾广播稿
2014/02/03 职场文书
大学生校园创业计划书
2014/02/08 职场文书
廉洁家庭事迹材料
2014/05/15 职场文书
乡领导班子四风问题对照检查材料
2014/09/25 职场文书
机关党员四风问题个人整改措施
2014/10/26 职场文书
劳动仲裁调解书
2015/05/20 职场文书
图文详解matlab原始处理图像几何变换
2021/07/09 Python