一张表格告诉你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 相关文章推荐
img的onload的另类用法
Jan 10 Javascript
解析DHTML,JavaScript,DOM,BOM以及WEB标准的描述
Jun 19 Javascript
JS对话框_JS模态对话框showModalDialog用法总结
Jan 11 Javascript
JavaScript实现级联菜单的方法
Jun 29 Javascript
Angular下H5上传图片的方法(可多张上传)
Jan 09 Javascript
JS实现图片预览的两种方式
Jun 27 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
Sep 27 Javascript
利用原生的JavaScript实现简单拼图游戏
Nov 18 Javascript
d3绘制基本的柱形图的实现代码
Dec 12 Javascript
原生js实现随机点名功能
Nov 05 Javascript
vue2.0实现列表数据增加和删除
Jun 17 Javascript
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
Apr 13 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/08/18 PHP
教你识别简单的免查杀PHP后门
2015/09/13 PHP
Thinkphp微信公众号支付接口
2016/08/04 PHP
php 输入输出流详解及示例代码
2016/08/25 PHP
JavaScript 在线压缩和格式化收藏
2009/01/16 Javascript
利用js动态添加删除table行的示例代码
2013/12/16 Javascript
使用jquery清空、复位整个输入域
2015/04/02 Javascript
js实现网页多级级联菜单代码
2015/08/20 Javascript
JQuery异步加载PartialView的方法
2016/06/07 Javascript
使用BootStrapValidator完成前端输入验证
2016/09/28 Javascript
Sortable.js拖拽排序使用方法解析
2016/11/04 Javascript
js 函数式编程学习笔记
2017/03/25 Javascript
详解ES6语法之可迭代协议和迭代器协议
2018/01/13 Javascript
浅谈Webpack下多环境配置的思路
2018/06/27 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
2019/09/05 Javascript
[42:20]2014 DOTA2华西杯精英邀请赛5 24 DK VS NewBee
2014/05/25 DOTA
[57:24]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
使用PDB简单调试Python程序简明指南
2015/04/25 Python
从Python的源码来解析Python下的freeblock
2015/05/11 Python
Python中unittest模块做UT(单元测试)使用实例
2015/06/12 Python
Python 实现网页自动截图的示例讲解
2018/05/17 Python
python如何获取当前文件夹下所有文件名详解
2019/01/25 Python
python自制包并用pip免提交到pypi仅安装到本机【推荐】
2019/06/03 Python
python使用协程实现并发操作的方法详解
2019/12/27 Python
Python+appium框架原生代码实现App自动化测试详解
2020/03/06 Python
学习Python列表的基础知识汇总
2020/03/10 Python
Python读写Excel表格的方法
2021/03/02 Python
前端面试必备之CSS3的新特性
2017/09/05 HTML / CSS
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
教师党员承诺书
2014/03/25 职场文书
个人投资计划书
2014/05/01 职场文书
安全标兵事迹材料
2014/08/17 职场文书
大学社团活动总结怎么写
2019/06/21 职场文书
SqlServer 垂直分表(减少程序改动)
2021/04/16 SQL Server
浅谈Python从全局与局部变量到装饰器的相关知识
2021/06/21 Python
Nginx本地配置SSL访问的实例教程
2022/05/30 Servers