document onload和window onload的区别？

最新推荐文章于 2025-03-11 17:19:44 发布
最新推荐文章于 2025-03-11 17:19:44 发布
阅读量8.1k 收藏 4
点赞数 1
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/LuckXinXin/article/details/104647099
版权
本文详细解释了Document.onload和Window.onload事件的区别。Document.onload在网页结构和样式加载完成后即触发，而Window.onload则需等待所有资源，包括图片等完全加载完毕后才触发。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

答：
Document.onload：是在结构和样式加载完成才执行的JS。
Window.onload:不仅仅要在结构和样式加载完，还要执行完所有的样式，图片这些资源文件，完全加载完才会触发Window.onload事件。

window.onload和DOMContentLoaded的区别
skysys的研究小屋
08-13 3000
一、何时触发这两个事件？ 1、当 onload 事件触发时，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了。 2、当 DOMContentLoaded 事件触发时，仅当DOM加载完成，不包括样式表，图片，flash。 二、为什么要区分？ 开发中我们经常需要给一些元素的事件绑定处理函数。但问题是，如果那个元素还没有加载到页面上，但是绑定事件已经执行完了，是没有效果的。这两个事件大致就是用来避免这样一种情况，将绑定的函数放在这两个事件的回调中，保证能在页面的某些元素加载完毕之后再绑定事件的函
【js的window.onload和jquery的.ready()什么区别】
学无止境
02-24 945
【js的window.onload和jquery的.ready()什么区别】
谈谈document.ready和window.onload的区别
weixin_30800807的博客
12-17 182
在Jquery里面，我们可以看到两种写法:$(function(){}) 和$(document).ready(function(){}) 这两个方法的效果都是一样的，都是在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。 而window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数。也就是说$(document).ready要比wi...
面试官：window.onload 和 DOMContentLoaded 的区别
最新发布
粉丝们务必加入微信粉丝群
03-11 1026
window.onload和DOMContentLoaded都是页面加载相关的事件，但它们触发的时机不同，主要区别如下：???? 1.DOMContentLoaded事件当 HTML 完全解析并构建 DOM 后触发，但不等待 CSS、图片、JS 资源加载完成。触发时机：只要 HTML 解析完成并构建了 DOM，就会触发DOMContentLoaded。不会等待 CSS、图片、iframe...
window.onload 与 document.onload
HuntsBot的博客
10-27 2312
哪个得到更广泛的支持：window.onload 或 document.onload？
window.onload和$(document).ready(function(){})的区别
11-27 198
前段时间在面试之前查找并整理了一下window.onload和$(document).ready(function(){})区别，今天有时间更到我的博客上，由于本人资历尚浅，如有不对的地方，还请指正。 原文出自：http://www.php100.com/html/program/jquery/2013/0905/5954.html 1、执行时间上的区别：window.onlo...
$(document).ready和window.onload的区别
学习也休闲
01-18 5131
一、window.onload 当一个文档完全下载到浏览器中时，会触发 window.onload 事件。这意味着页面上的全部元素对 javascript 而言都是可以访问的，这种情况对编写功能性的代码非常有利，因为无需考虑加载的次序。       二、$(document).ready() 通过 $(document).ready() 注册的事件处理程序，则会在 DOM 完全就绪并...
脱离document.onload和window.onload的onload事件
04-29
脱离document.onload和window.onload的onload事件，可多次添加加载事件！
JavaScript的document对象和window对象详解
10-28
此外，window对象还包含了一些事件处理程序，比如onload()和onunload()，这两个事件分别在页面加载完成和关闭时触发。 最后，window对象还有定时器相关的方法，比如setTimeout()和setInterval()，允许我们设定在...
document.ready和window.onload.docx
07-24
windows
html表单window.onload,html事件绑定总结以及window.onload和document.body.onload事件
weixin_28900461的博客
06-26 863
//1 document.onkeydown如果多次监听同样的事件，那么前面的监听函数都会被最后一次的监听函数所覆盖。//如下所示：document.onkeydown = function(evt) {alert(9);};document.onkeydown = function(evt) {alert(8);};//结果是8//2 document.onkeydown和document.bo...
document ready与window onload的区别
前端开发学习——Teds
04-02 217
jquery $(document).ready() 与window.onload的区别 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.编写个数不同 window.onload不能同...
window.onload和document.ready的区别
NullPointerException的博客
02-06 851
window.onload：整个页面加载完成后（包括里面的内容，如图片等）才加载相应的js； document.ready:当dom树绘制完成后便加载； 例： window.onload和document.ready的区别 window.onload = function() { alert("赵钱"); } $(document).ready(function(
window.onload与document.domcontentloaded区别
m0_74223728的博客
09-04 362
【代码】window.onload与document.domcontentloaded区别。
理解window.onload 和document.ready的区别
qkzhx0516的博客
02-02 6190
刚写js的时候， 我喜欢用window.onload(); 有一次被人家说这是很土鳖的写法，哈哈 。当时没理他 ，心里暗骂； 最近偶尔看到一个文章，提到window.onload()是土鳖写法，呵呵^_^ 我决定，记录一下， 证实一下这样写确实很土鳖！ window.onload()是在dom文档树和所有文件都加载完才执行， 包括图片这些资源。是不是很墨迹? 而在jquery里， 我们可以看
浅谈全局.onload与相关方法事件（document.ready，document.body.onload）区别
陈浩然哦 的博客
05-12 1529
浅谈document.ready/window.onload、window.onload/document.body.onload的区别 1.document的ready事件通常会比window的onload事件先发生（为什么呢？） 因为document的ready是在浏览器加载解析并构建完doc文档模型时发生的，而window的onload是整个文档的内容加载完成时才会发生。 例如： 在1个...
windows.onload()与$(document).ready()的区别
夜色微凉
06-18 481
浏览器加载完DOM后，会通过javascript为DOM元素添加事件，在javascript中，通常使用window.onload()方法。 在jquery中，则使用$(document).ready()方法。下面介绍一下两者的区别
document.ready与window.onload的区别
06-09
`document.ready` 和 `window.onload` 都是在页面加载完成后执行 JavaScript 代码的事件。 `document.ready` 是 jQuery 的一个事件，它在 DOM 树构建完成后就会执行，此时页面可能还没有加载完所有的资源（如图片、视频等），所以它比 `window.onload` 事件更早触发，可以更快地执行 JavaScript 代码。 `window.onload` 事件是在页面所有资源（包括图片、视频等）加载完成后才会触发，此时页面已经完全加载完成。因此，如果需要在 JavaScript 中操作页面中的图片或其他资源，建议使用 `window.onload` 事件。 需要注意的是，如果页面已经加载完成后再绑定 `document.ready` 或 `window.onload` 事件，这些事件是不会再被触发的，而只会执行已绑定的事件处理程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值