一张表格告诉你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 相关文章推荐
清除网页历史记录,屏蔽后退按钮!
Dec 22 Javascript
js模拟滚动条(横向竖向)
Feb 22 Javascript
对new functionName()定义一个函数的理解
May 22 Javascript
使用jQuery实现input数值增量和减量的方法
Jan 24 Javascript
浅谈javascript构造函数与实例化对象
Jun 22 Javascript
基于JavaScript实现 网页切出 网站title变化代码
Apr 03 Javascript
关于在vue-cli中使用微信自动登录和分享的实例
Jun 22 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
AngularJS实现controller控制器间共享数据的方法示例
Oct 30 Javascript
JS实现图片放大镜插件详解
Nov 06 Javascript
微信小程序实现红包雨功能
Jul 11 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
Jan 24 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图像处理函数大全(推荐收藏)
2013/07/11 PHP
php计算程序运行时间的简单例子分享
2014/05/10 PHP
WordPress中获取所使用的模板的页面ID的简单方法
2015/12/31 PHP
php版微信公众平台入门教程之开发者认证的方法
2016/09/26 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
Laravel框架在本地虚拟机快速安装的方法详解
2018/06/11 PHP
Jquery chosen动态设置值实例介绍
2013/08/08 Javascript
jquery中attr和prop的区别分析
2015/03/16 Javascript
详解JavaScript中shift()方法的使用
2015/06/09 Javascript
如何用js 实现依赖注入的思想,后端框架思想搬到前端来
2015/08/03 Javascript
js实现YouKu的漂亮搜索框效果
2015/08/19 Javascript
js随机生成字母数字组合的字符串 随机动画数字
2015/09/02 Javascript
weex里Vuex state使用storage持久化详解
2017/09/09 Javascript
利用jqprint插件打印页面内容的实现方法
2018/01/09 Javascript
基于node打包可执行文件工具_Pkg使用心得分享
2018/01/24 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
2019/04/17 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
微信小程序canvas分享海报功能
2019/10/31 Javascript
Python开发WebService系列教程之REST,web.py,eurasia,Django
2014/06/30 Python
Python 正则表达式(转义问题)
2014/12/15 Python
十条建议帮你提高Python编程效率
2016/02/16 Python
编写Python小程序来统计测试脚本的关键字
2016/03/12 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
Python实现的拉格朗日插值法示例
2019/01/08 Python
ubuntu 16.04下python版本切换的方法
2019/06/14 Python
Python Selenium 之数据驱动测试的实现
2019/08/01 Python
python3 使用traceback定位异常实例
2020/03/09 Python
纯css3显示隐藏一个div特效的具体实现
2014/02/10 HTML / CSS
美国高档帽子网上商店:Hats.com
2018/08/09 全球购物
打架检讨书400字
2014/01/17 职场文书
个性发展自我评价
2014/02/11 职场文书
护理专业学生职业生涯规划范文
2014/03/11 职场文书
生日主持词
2014/03/20 职场文书
三项教育活动实施方案
2014/03/30 职场文书
师德先进个人事迹材料
2014/12/19 职场文书
银行反洗钱宣传活动总结
2015/05/08 职场文书