一张表格告诉你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 getElementsByClassName 和js取地址栏参数
Jan 02 Javascript
jQuery中操控hidden、disable等无值属性的方法
Jan 06 Javascript
详解JavaScript ES6中的模板字符串
Jul 28 Javascript
javascript下拉列表中显示树形菜单的实现方法
Nov 17 Javascript
weUI应用之JS常用信息提示弹层的封装
Nov 21 Javascript
webpack实现热更新(实施同步刷新)
Jul 28 Javascript
vue-cli中的babel配置文件.babelrc实例详解
Feb 22 Javascript
Javascript 编码约定(编码规范)
Mar 11 Javascript
浅谈jquery fullpage 插件增加头部和版权的方法
Mar 20 jQuery
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
微信小程序静默登录的实现代码
Jan 08 Javascript
element-ui和vue表单(对话框)验证提示语(残留)清除操作
Sep 11 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
DC动画很好看?新作烂得令人发指,名叫《红色之子》
2020/04/09 欧美动漫
php的list()的一步操作给一组变量进行赋值的使用
2011/05/18 PHP
php类的定义与继承用法实例
2015/07/07 PHP
apache php mysql开发环境安装教程
2016/07/28 PHP
FireFox与IE 下js兼容触发click事件的代码
2008/11/20 Javascript
Prototype Date对象 学习
2009/07/12 Javascript
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
2013/12/05 Javascript
js实现div的切换特效上一个下一个
2014/02/11 Javascript
javascript判断数组内是否重复的方法
2015/04/21 Javascript
利用JavaScript脚本实现滚屏效果的方法
2015/07/07 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
2015/09/06 Javascript
Jquery 垂直多级手风琴菜单附源码下载
2015/11/17 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
2016/06/13 Javascript
详解如何用模块化的方式写vuejs
2017/12/16 Javascript
vue地区选择组件教程详解
2018/05/04 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
JavaScript JSON数据处理全集(小结)
2019/08/15 Javascript
[01:11:27]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Optic
2018/04/03 DOTA
Python中tell()方法的使用详解
2015/05/24 Python
Django查找网站项目根目录和对正则表达式的支持
2015/07/15 Python
星球大战与Python之间的那些事
2016/01/07 Python
python与caffe改变通道顺序的方法
2018/08/04 Python
Django中日期处理注意事项与自定义时间格式转换详解
2018/08/06 Python
Python编写通讯录通过数据库存储实现模糊查询功能
2019/07/18 Python
python实现猜拳小游戏
2020/04/05 Python
Python 仅获取响应头, 不获取实体的实例
2019/08/21 Python
python使用pip安装SciPy、SymPy、matplotlib教程
2019/11/20 Python
通过cmd进入python的步骤
2020/06/16 Python
Html5 Canvas 实现一个“刮刮乐”游戏
2019/09/05 HTML / CSS
小学生环保倡议书
2014/05/15 职场文书
村级个人对照检查材料
2014/08/22 职场文书
商品陈列协议书
2014/09/29 职场文书
2015年信访维稳工作总结
2015/04/07 职场文书
2015年维修工作总结
2015/04/25 职场文书
家访教师心得体会
2016/01/23 职场文书
超级实用!五步法则,教你写好年终工作总结
2019/12/05 职场文书