ready()与onload()有何区别？

最新推荐文章于 2025-08-22 11:32:18 发布

weixin_34255055

最新推荐文章于 2025-08-22 11:32:18 发布

阅读量73

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/learnbo/blog/919985

本文探讨了JavaScript中$(document).ready()与window.onload两种页面加载事件的区别。前者在DOM加载完成后即可触发，后者则需等待页面所有资源加载完毕。文章通过对比这两种方法的执行时机，帮助开发者理解何时使用哪种方式更为合适。

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

2019独角兽企业重金招聘Python工程师标准>>>

执行的时机

$(document).ready() 方法和window.onload 方法有相似的功能，但是在执行时机方面是有区别的。
window.onload 方法是在网页中所有的元素（包括元素的所有关联文件）完全加载到浏览器后才执行
，即javascript此时才可以访问网页中的任何元素。而通过Jquery中的$(document).ready()方法注册的事件处理程序，在DOM完全就绪时就可以调用。

此时，网页的所有有元素对Jquery 而言都是可以访问的，但是，这并不意味着这些元素关联的文件都已经下载完毕。

登录乐搏学院官网http://www.learnbo.com/

或关注我们的官方微博微信，还有更多惊喜哦~