window.onload和$(document).ready()对比

喂你吃口饭吧~

于 2022-07-02 22:39:39 发布

阅读量161

点赞数

文章标签：前端 javascript html jquery

本文链接：https://blog.csdn.net/WWEIZAI/article/details/125578916

版权

本文探讨了jQuery中文档就绪函数与window.onload事件触发机制的不同之处。文档就绪函数仅需DOM结构加载完成即可执行，而window.onload则需等待整个页面包括图片等资源加载完毕。此外，还讨论了两者的执行次数问题及jQuery提供的简写方案。

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

文档就绪函数可以防止文档在完全加载（就绪）之前运行jQuery 代码。

window.onload和$(document).ready()对比

	window.onload	$(document).ready()
执行时机	必须等待网页全部加载完毕(包括图片等),然后再执行包裹代码	只需要等待网页中的DOM结构加载完毕,就能执行包裹的代码
执行次数	只能执行一次,如果第二次,那么第一次的执行会被覆盖	可以执行多次,第N次都不会被上一次覆盖
简写方案	无	`$(function () { });`