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

最新推荐文章于 2025-12-05 14:31:02 发布

原创最新推荐文章于 2025-12-05 14:31:02 发布 · 183 阅读

CC 4.0 BY-SA版权

文章标签：

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

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

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

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