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

最新推荐文章于 2024-07-02 15:03:05 发布
最新推荐文章于 2024-07-02 15:03:05 发布
阅读量1.3k 收藏 3
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37746973/article/details/80833780
版权

1. 执行时机

window.onload方法是在网页中所有的元素（包括元素的相关联文件）都加载到浏览器后才能执行，即JavaScript此时才可以访问网页中的任何元素。

$(document).ready在DOM完全就绪的时候就可以被调用。

例子：

比如一个网站有很多图片。 window.onload必须等每一张图片都加载完毕后才可以进行操作。而$(document).ready( ) 只要等DOM就绪就可以操作了。 所以$(document).ready( ) 要快的多

但是可能有弊端就是当一些图片加载不完全的时候，他们的宽高值等不一定有效

2.多次使用

window.onload只能绑定一个函数，而$(document).ready( ) 就可以写很多个

huyao_road
关注
专栏目录
window.onload与jQuery($(document).ready())
明德zhuang
07-17 620
(document).ready()方法
window onload和$(document).ready()及DOMContentLoaded的区别（DOM加载完毕前后调用）
weixin_39888214的博客
05-19 336
页面加载过程：域名解析——加载html——加载js和css——加载图片 DOM元素加载完成之前调用 (function () { // 此方法会在DOM加载完成之前调用 })(jQuery) $(document).ready(function() { // DOM元素加载之后做的事情 }) $(function () { // 此方法为jQuery DOM加载完成触发的事件 }) 原生js，DOM加载完成执行的事件为DOMContentLoaded，不过此方法只能通
$(document).ready() 与window.onload的区别
445822357
08-26 170
Jquery中$(document).ready()的作用类似于原生JavaScript中的window.onload方法，不过两者的用法还是有区别的。 1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。2.编写个数不同 window.onload不能同时编写...
window.onload 和 $(document).ready 区别
weixin_30604651的博客
03-26 106
js中window.onload与jquery中$(document.ready())的区别 通过下面的实例可查看两者的异同（注意：aa.jpg最好是一张大容量图片） <html><head><script type='text/javascript' src='jquery-1.3.2.min.js'></script><script t...
$(document).ready()与window.onload的区别
No_Name_Cao_Ni_Mei的博客
07-02 342
选择使用还是取决于你的具体需求。如果你只需要确保DOM已经加载完成，并且正在使用jQuery，那么是一个更好的选择。如果你需要等待页面上的所有资源都加载完成，或者不使用jQuery，那么将更加合适。
jquery $(document).ready() 与window.onload的区别
零度的博客专栏
01-23 1087
Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。 1.执行时间         window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。         $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。
$.ready和onload
weixin_34112181的博客
03-12 79
这个就是jq ready()的方法就是Dom Ready，他的作用或者意义就是:在DOM加载完成后就可以可以对DOM进行操作。 一般情况先一个页面响应加载的顺序是，域名解析-加载html-加载js和css-加载图片等其他信息。 那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间，就可以操作Dom了。 2、Dom Load 用原生的js的时候我们通常用...
$(document).ready(function(){}); 和 $().ready(function(){});
007liuchao007
01-19 545
jquery 中的 $(document).ready(function(){}); 和 $().ready(function(){}); 有什么区别？ document.ready和onload的区别——JavaScript文档加载完成事件 页面加载完成有两种事件 一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件） 二是onload，指示页面包含图片等文件在内...
document.ready和window.onload.docx
最新发布
07-24
windows
全面解析jQuery $(document).ready()和JavaScript onload事件
10-22
在描述中提到，$(document).ready()仅执行一次，并且它和JavaScript的onload事件有着本质的区别。$(document).ready()只关注DOM元素是否已加载，而不是整个页面所有资源都加载完毕。这个方法非常适合用来初始化页面...
jquery的$(document).ready()和onload的加载顺序
10-29
在JavaScript和jQuery的世界里，了解`$...理解`$(document).ready()`和`window.onload`的区别以及它们在不同浏览器中的行为，可以帮助开发者编写更稳定、兼容性更好的代码，减少由于加载顺序问题导致的用户体验问题。
$(document).ready(function() {})不执行初始化脚本
09-04
3. 如果可能，尝试将`$(document).ready()`中的代码移至`window.onload`事件中，看看是否能正常执行，以确定问题是否与DOM加载有关。 4. 如果有多个库在使用`$`，考虑使用`jQuery.noConflict()`来避免冲突。 通过...
Dom Ready和Dom Load
swanhung的专栏
09-18 700
1、Dom Ready 真不知道这个标题该怎么取，暂时就先凑活着用了。 用jQ的人很多人都是这么开始写脚本的： 1 $(function(){ 2   3 // do something 4
$(document).ready和window.onload的区别
shimily_liu的博客
12-09 1993
**$(document).ready和window.onload的区别 window.onload即为所有的都加载完毕，即除了DOM树之外，还包括所有的文章，图片，数据等所有元素都加载完毕之后才运行，而**$(document).ready**仅仅是在DOM树生成和加载完毕之后就开始运行。 不同点： 1.window.onload不能同时编写几个，如果同时包含几个，则只能运行一个，而另外一个可以同时编写多个，而且都可以执行。 2.运行时间不同，window.onload只有在所有的元素全部加载完成之后才运
document.ready和window.onload的区别
java 学习
03-18 140
页面加载完成有两种事件，一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）， 二是onload，指示页面包含图片等文件在内的所有元素都加载完成。 使用jQuery都是这样开始写脚本的 $(document).ready(function(){ //do something })其实它等价于： $().ready(function(){ ...
window.onload和$(document).ready？
m0_71955188的博客
09-11 384
window.onload 和 $(document).ready() 都是用来在页面加载完成后执行 JavaScript 代码的方法，但是它们之间存在一些差异。 window.onload 方法是在页面所有元素（包括图片、样式、链接等）加载完成后触发的，在这个事件之前，页面上的所有资源都必须加载完成。因此，如果页面中包含大量的图片或其他资源，那么 window.onload 事件可能比较晚触发，可能需要等待几秒钟或更长时间才会被触发。这意味着在使用 window.onload 时需要等待所有的资源加载完成
document.ready和onload的区别
kennethf6986的专栏
08-16 83
页面加载完成有两种事件，一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件），二是onload，指示页面包含图片等文件在内的所有元素都加载完成。 一般情况下一个页面响应加载的顺序是，域名解析-加载html-加载js和css-加载图片等其他信息。 1. Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间，就可以操作Dom了。 2. Dom Load 在d...
$(document).ready()和window.onload区别
Zoy_Gong的博客
12-13 446
$(document).ready()和window.onload区别
document.ready与window.onload的区别
06-09
`document.ready` 和 `window.onload` 都是在页面加载完成后执行 JavaScript 代码的事件。 `document.ready` 是 jQuery 的一个事件，它在 DOM 树构建完成后就会执行，此时页面可能还没有加载完所有的资源（如图片、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值