一张表格告诉你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 相关文章推荐
jQuery对象和DOM对象使用说明
Jun 25 Javascript
js 使用form表单select类实现级联菜单效果
Dec 19 Javascript
js Calender控件使用详解
Jan 05 Javascript
JavaScript阻止回车提交表单的方法
Dec 30 Javascript
JS Ajax请求如何防止重复提交
Jun 13 Javascript
BootStrap智能表单实战系列(三)分块表单配置详解
Jun 13 Javascript
jQuery+CSS3实现点赞功能
Mar 13 Javascript
bootstrap suggest下拉框使用详解
Apr 10 Javascript
jQuery Jsonp跨域模拟搜索引擎
Jun 17 jQuery
在React中如何优雅的处理事件响应详解
Jul 24 Javascript
详解创建自定义的Angular Schematics
Jun 06 Javascript
vue quill editor 使用富文本添加上传音频功能
Jan 14 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打造智能化的柱状图程序,用于报表等
2015/06/19 PHP
php封装好的人民币数值转中文大写类
2015/12/20 PHP
PHP入门教程之表单与验证实例详解
2016/09/11 PHP
PHP数组实际占用内存大小原理解析
2020/12/11 PHP
JavaScript 学习 - 提高篇
2007/02/02 Javascript
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
基于jQuery的弹出消息插件 DivAlert之旅(一)
2010/04/01 Javascript
跟我一起学写jQuery插件开发方法(附完整实例及下载)
2010/04/01 Javascript
JS与C#编码解码
2013/12/03 Javascript
JavaScript中获取高度和宽度函数总结
2014/10/08 Javascript
jQuery时间轴插件使用详解
2015/07/16 Javascript
JavaScript中var关键字的使用详解
2015/08/14 Javascript
Webpack 实现 AngularJS 的延迟加载
2016/03/02 Javascript
AngularJS 所有版本下载地址
2016/09/14 Javascript
浅谈Angular中ngModel的$render
2016/10/24 Javascript
smartupload实现文件上传时获取表单数据(推荐)
2016/12/12 Javascript
Bootstrap源码解读按钮(5)
2016/12/23 Javascript
Ajax异步文件上传与NodeJS express服务端处理
2017/04/01 NodeJs
用React实现一个完整的TodoList的示例代码
2017/10/30 Javascript
JS正则表达式常见用法实例详解
2018/06/19 Javascript
opencv 识别微信登录验证滑动块位置
2018/08/07 Javascript
微信小程序页面上下滚动效果
2020/11/18 Javascript
vue动态加载SVG文件并修改节点数据的操作代码
2020/08/17 Javascript
Python入门篇之文件
2014/10/20 Python
python实现txt文件格式转换为arff格式
2018/05/31 Python
Python lambda表达式用法实例分析
2018/12/25 Python
python中eval与int的区别浅析
2019/08/11 Python
python模块和包的应用BASE_PATH使用解析
2019/12/14 Python
Python利用FFT进行简单滤波的实现
2020/02/26 Python
python安装sklearn模块的方法详解
2020/11/28 Python
外语学院毕业生的自我鉴定
2013/11/28 职场文书
12岁生日演讲稿
2014/05/14 职场文书
保险公司演讲稿
2014/09/02 职场文书
解析目标检测之IoU
2021/06/26 Python
Python自动操作神器PyAutoGUI的使用教程
2022/06/16 Python
Win10多屏显示如何设置?Win10电脑多屏显示设置操作方法
2022/07/07 数码科技