jquery $(document).ready()和window.onload的区别浅析
更新时间：2015年02月04日 11:25:35 投稿：junjie
这篇文章主要介绍了jquery $(document).ready()和
window.onload的区别浅析,本文总结了执行时间、编写个数不同、简化写法等不同的地方,需要的朋友可以参考下
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 mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
- jQuery中的ready函数与window.onload谁先执行
- 全面解析jQuery $(document).ready()和JavaScript onload事件
- JQuery的ready函数与JS的onload的区别详解
- JQuery onload、ready概念介绍及使用方法
- Jquery知识点一 Jquery的ready和Dom的onload的区别
- jquery的$(document).ready()和onload的加载顺序
- jquery $(document).ready() 与window.onload的区别
- jquery中的$(document).ready()与window.onload的区别
- jQuery ready()和onload的加载耗时分析
相关文章
这篇文章主要介绍了深入浅析JavaScript面向对象和原型函数的相关资料,需要的朋友可以参考下2016-02-02
web-view组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面,这篇文章主要介绍了微信小程序中的webview组件的基本使用方法、应用场景、通信机制以及注意事项,需要的朋友可以参考下2025-03-03
这篇文章主要介绍了JS数组搜索之折半搜索实现方法,结合具体实例形式分析了javascript数组折半搜索算法的原理、实现技巧与相关注意事项,需要的朋友可以参考下2017-03-03
这篇文章主要为大家详细介绍了JS实现可控制的进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
写js时出现个bug一直提示我JAVA类中的一个属性没有，可是明明注释掉了，后来才知道，JS里即使注释也会执行2013-11-11
最近看了一下developer.mozilla.org里的东西，发现它为Array对象添加了不少generic method，赶得上Prototype的热心程度。2009-10-10
这篇文章主要为大家介绍了前端技巧之HTTP中POST提交数据四种方式详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
这篇文章主要为大家详细介绍了JavaScript编写猜拳游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
uniapp开发安卓App实现高德地图路线规划导航功能的全过程
最近项目需要在APP内实现路线规划导航功能,直接打开高德地图进行导航,下面这篇文章主要给大家介绍了关于利用uniapp开发安卓App实现高德地图路线规划导航功能的相关资料,需要的朋友可以参考下2022-08-08
这篇文章主要介绍了JavaScript实现购物车特效的相关资料，文中通过示例代码详细介绍了，利用Javascript如何实现类似淘宝购物车中商品的单选、全选、删除、修改等功能，需要的朋友可以参考借鉴，下面来一起看看吧。2017-03-03
最新评论