document.ready与window.onload的区别
时间: 2024-04-07 12:32:27 浏览: 191
$(document)
`document.ready` 和 `window.onload` 都是在页面加载完成后执行 JavaScript 代码的事件。
`document.ready` 是 jQuery 的一个事件,它在 DOM 树构建完成后就会执行,此时页面可能还没有加载完所有的资源(如图片、视频等),所以它比 `window.onload` 事件更早触发,可以更快地执行 JavaScript 代码。
`window.onload` 事件是在页面所有资源(包括图片、视频等)加载完成后才会触发,此时页面已经完全加载完成。因此,如果需要在 JavaScript 中操作页面中的图片或其他资源,建议使用 `window.onload` 事件。
需要注意的是,如果页面已经加载完成后再绑定 `document.ready` 或 `window.onload` 事件,这些事件是不会再被触发的,而只会执行已绑定的事件处理程序。
阅读全文