jquery $(document).ready()和window.onload的区别浅析


Posted in Javascript onFebruary 04, 2015

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。

1.执行时间
        window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
        $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
2.编写个数不同
         window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
         $(document).ready()可以同时编写多个,并且都可以得到执行
3.简化写法
         window.onload没有简化写法
         $(document).ready(function(){})可以简写成$(function(){});

在我以前的开发中,一般用到javascript,我都是采用jquery的模式,也就是大多数时候,第一行写的是:

$(document).ready(function(){

…

});

这个时候,不一定要等所有的js和图片加载完毕,就可以执行一些方法,不过有些时候,必须要等所有的

元素都加载完毕,才可以执行一些方法的时候,比如说,部分图片或者什么其他方面还没有加载好,这个时候,点击某些按钮,会导致出现意外的情况,这个时候,就

需要用到:

$(window).load(function() {

…
});

总结对比:

jquery $(document).ready()和window.onload的区别浅析

Javascript 相关文章推荐
JavaScript 模仿vbs中的 DateAdd() 函数的代码
Aug 13 Javascript
海量经典的jQuery插件集合
Jan 12 Javascript
使用jquery读取html5 localstorage的值的方法
Jan 04 Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
Oct 11 Javascript
jquery ajax,ashx,json的用法总结
Feb 12 Javascript
JavaScript跨域方法汇总
Oct 16 Javascript
js调试工具Console命令详解
Oct 21 Javascript
jquery实现拖动效果
Aug 10 Javascript
详解js中call与apply关键字的作用
Nov 21 Javascript
jQuery 全选 全不选 事件绑定的实现代码
Jan 23 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
May 29 Javascript
Element input树型下拉框的实现代码
Dec 21 Javascript
使用jQueryMobile实现滑动翻页效果的方法
Feb 04 #Javascript
jQueryMobile之Helloworld与页面切换的方法
Feb 04 #Javascript
Javascript中实现trim()函数的两种方法
Feb 04 #Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
Feb 04 #Javascript
JavaScript检测实例属性, 原型属性
Feb 04 #Javascript
Jquery Ajax xmlhttp请求成功问题
Feb 04 #Javascript
js对字符的验证方法汇总
Feb 04 #Javascript
You might like
PHPLog php 程序调试追踪工具
2009/09/09 PHP
php 使用fopen函数创建、打开文件详解及实例代码
2016/09/24 PHP
PHP编辑器PhpStrom运行缓慢问题
2017/02/21 PHP
PHP实现简单的模板引擎功能示例
2017/09/02 PHP
php使用gearman进行任务分发操作实例详解
2020/02/26 PHP
PHP如何解决微信文章图片防盗链
2020/12/09 PHP
GridView中获取被点击行中的DropDownList和TextBox中的值
2013/07/18 Javascript
同一个网页中实现多个JavaScript特效的方法
2015/02/02 Javascript
JavaScript返回网页中超链接数量的方法
2015/04/03 Javascript
JS实现带有抽屉效果的产品类网站多级导航菜单代码
2015/09/15 Javascript
基于Jquery插件Uploadify实现实时显示进度条上传图片
2020/03/26 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
2016/11/09 Javascript
HTML5开发Kinect体感游戏的实例应用
2017/09/18 Javascript
移动前端图片压缩上传的实例
2017/12/06 Javascript
微信小程序之多列表的显示和隐藏功能【附源码】
2018/08/06 Javascript
Vue自定义弹窗指令的实现代码
2018/08/13 Javascript
Vue开发之封装上传文件组件与用法示例
2019/04/25 Javascript
为vue项目自动设置请求状态的配置方法
2019/06/09 Javascript
微信小程序的授权实现过程解析
2019/08/02 Javascript
解决layui laydate 时间控件一闪而过的问题
2019/09/28 Javascript
Vue Router 实现动态路由和常见问题及解决方法
2020/03/06 Javascript
处理JavaScript值为undefined的7个小技巧
2020/07/28 Javascript
前端vue如何使用高德地图
2020/11/05 Javascript
python 切片和range()用法说明
2013/03/24 Python
Python不规范的日期字符串处理类
2014/06/10 Python
python查找目录下指定扩展名的文件实例
2015/04/01 Python
中国一家专注拼团的社交购物网站:拼多多
2018/06/13 全球购物
为什么要使用servlet
2016/01/17 面试题
销售员岗位职责范本
2014/02/03 职场文书
乡镇党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2015年学习部工作总结范文
2015/03/31 职场文书
追悼会悼词大全
2015/06/23 职场文书
小学四年级班主任工作经验交流材料
2015/11/02 职场文书
2016计算机专业毕业生自荐信
2016/01/28 职场文书
如何用JavaScipt测网速
2021/05/09 Javascript
Java 在生活中的 10 大应用
2021/11/02 Java/Android