一张表格告诉你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 全面解析各种浏览器网页中的JS 执行顺序
Feb 17 Javascript
Javascript在IE和FireFox中的不同表现简析
Dec 03 Javascript
js 验证身份证信息有效性
Mar 28 Javascript
基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码
May 30 Javascript
微信开发 js实现tabs选项卡效果
Oct 28 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
Mar 03 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
May 17 Javascript
JS查找数组中重复元素的方法详解
Jun 14 Javascript
Vue实现底部侧边工具栏的实例代码
Sep 03 Javascript
vue实现短信验证码登录功能(流程详解)
Dec 10 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
Oct 27 Javascript
JavaScript ES6的函数拓展
Jan 18 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
linux下 C语言对 php 扩展
2008/12/14 PHP
PHP array_multisort() 函数的深入解析
2013/06/20 PHP
(PHP实现)只使用++运算实现加法,减法,乘法,除法
2013/06/27 PHP
PHP检测移动设备类mobile detection使用实例
2014/04/14 PHP
PHP SPL标准库之文件操作(SplFileInfo和SplFileObject)实例
2015/05/11 PHP
php微信公众平台开发(三)订阅事件处理
2016/12/06 PHP
JS仿flash上传头像效果实现代码
2011/07/18 Javascript
js或者jquery判断图片是否加载完成实现代码
2013/03/20 Javascript
Jquery submit()无法提交问题
2013/04/21 Javascript
javaScript面向对象继承方法经典实现
2013/08/20 Javascript
jquery实现倒计时代码分享
2014/06/13 Javascript
jquery得到iframe src属性值的方法
2014/09/25 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
2015/10/14 Javascript
JavaScript实现点击按钮直接打印
2016/01/06 Javascript
NodeJS实现客户端js加密
2017/01/09 NodeJs
详解Vue.js分发之作用域槽
2017/06/13 Javascript
javascript 中事件冒泡和事件捕获机制的详解
2017/09/01 Javascript
详解ES6系列之私有变量的实现
2018/11/21 Javascript
微信小程序如何加载数据库真实数据的实现
2020/03/04 Javascript
javascript实现多边形碰撞检测
2020/10/24 Javascript
vantUI 获得piker选中值的自定义ID操作
2020/11/04 Javascript
高性能web服务器框架Tornado简单实现restful接口及开发实例
2014/07/16 Python
Python日志模块logging简介
2015/04/13 Python
Python随手笔记之标准类型内建函数
2015/12/02 Python
python开发利器之ulipad的使用实践
2017/03/16 Python
在Windows中设置Python环境变量的实例讲解
2018/04/28 Python
Windows下PyCharm安装图文教程
2018/08/27 Python
Python3实现英文字母转换哥特式字体实例代码
2020/09/01 Python
把Anaconda中的环境导入到Pycharm里面的方法步骤
2020/10/30 Python
python3.9和pycharm的安装教程并创建简单项目的步骤
2021/02/03 Python
自荐信不宜过于夸大
2013/11/06 职场文书
迎新春趣味活动方案
2014/08/24 职场文书
乡镇组织委员个人整改措施
2014/09/16 职场文书
投资公司董事长岗位职责
2015/04/16 职场文书
大学运动会通讯稿
2015/07/18 职场文书
2016年公共机构节能宣传周活动总结
2016/04/05 职场文书