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 相关文章推荐
你需要知道的JavsScript可以做什么?
Jun 29 Javascript
javascript prototype,executing,context,closure
Dec 24 Javascript
Jquery结合HTML5实现文件上传
Jun 25 Javascript
JavaScript淡入淡出渐变简单实例
Aug 06 Javascript
javascript精确统计网站访问量实例代码
Dec 19 Javascript
jQuery滚动新闻实现代码
Jun 26 Javascript
Vue.js基础知识小结
Jan 13 Javascript
bootstrap Table插件使用demo
Aug 07 Javascript
node+express+ejs使用模版引擎做的一个示例demo
Sep 18 Javascript
Vuex,iView UI面包屑导航使用扩展详解
Nov 04 Javascript
js面向对象之实现淘宝放大镜
Jan 15 Javascript
vue框架中props的typescript用法详解
Feb 17 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
深入解析php模板技术原理【一】
2008/01/10 PHP
PHP字符串函数系列之nl2br(),在字符串中的每个新行 (\n) 之前插入 HTML 换行符br
2011/11/10 PHP
PHP开发框架laravel安装与配置教程
2015/03/13 PHP
PHP使用ActiveMQ实现消息队列的方法详解
2019/05/31 PHP
关于laravel 日志写入失败问题汇总
2019/10/17 PHP
js防止表单重复提交实现代码
2012/09/05 Javascript
解决js数据包含加号+通过ajax传到后台时出现连接错误
2013/08/01 Javascript
script不刷新页面的联动前后代码
2013/09/18 Javascript
js switch case default 的用法示例介绍
2013/10/23 Javascript
js实现简单的省市县三级联动效果实例
2016/02/18 Javascript
jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)
2016/11/18 Javascript
JavaScript表单验证的两种实现方法
2017/02/11 Javascript
Vue中的scoped实现原理及穿透方法
2018/05/15 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
2018/08/24 Javascript
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
2018/10/28 Javascript
JS实现字体背景跑马灯
2020/01/06 Javascript
vue2路由基本用法实例分析
2020/03/06 Javascript
Python的字典和列表的使用中一些需要注意的地方
2015/04/24 Python
Python的Django中django-userena组件的简单使用教程
2015/05/30 Python
Python处理XML格式数据的方法详解
2017/03/21 Python
Python 中迭代器与生成器实例详解
2017/03/29 Python
python中Matplotlib实现绘制3D图的示例代码
2017/09/04 Python
TensorFlow车牌识别完整版代码(含车牌数据集)
2019/08/05 Python
对Django 转发和重定向的实例详解
2019/08/06 Python
Python定义函数实现累计求和操作
2020/05/03 Python
django表单中的按钮获取数据的实例分析
2020/07/31 Python
Python如何使用input函数获取输入
2020/08/06 Python
matplotlib源码解析标题实现(窗口标题,标题,子图标题不同之间的差异)
2021/02/22 Python
C#可否对内存进行直接的操作
2015/02/26 面试题
生物制药毕业生自荐信
2013/10/16 职场文书
家庭教育先进个人事迹材料
2014/01/24 职场文书
JAVA程序员自荐书
2014/01/30 职场文书
门卫岗位职责说明书
2014/08/18 职场文书
职工趣味运动会开幕词
2016/03/04 职场文书
sqlserver2017共享功能目录路径不可改的解决方法
2021/04/16 SQL Server
阿里云 Windows server 2019 配置FTP
2022/04/28 Servers