onload 和ready的区别
时间: 2023-05-12 07:05:33 浏览: 120
onload 和 ready 都是 JavaScript 中的事件,但它们的触发时机不同。onload 事件是在页面完全加载后触发,包括所有图像、样式表、脚本等资源都已经加载完成。而 ready 事件则是在 DOM 树构建完成后触发,即 HTML 文档已经被解析完成,但是可能还有一些资源没有加载完成。因此,如果需要在页面加载完成后执行某些操作,应该使用 onload 事件;如果需要在 DOM 树构建完成后执行某些操作,应该使用 ready 事件。
相关问题
window.onload和jquery.ready有什么区别
`window.onload`和`jQuery.ready()`的主要区别在于它们被触发的时间。
`window.onload`事件是在文档和所有外部资源(如图像和样式表)都已经加载完毕后触发的。这意味着,如果页面中包含大量的外部资源,`window.onload`事件可能会被延迟触发,直到所有这些资源都已经加载完毕。
而`jQuery.ready()`事件是在DOM树构建完毕后立即触发的,而不是等待所有外部资源加载完成。这意味着,即使某些图像或样式表还没有加载完毕,页面的交互仍然可以开始。此外,`jQuery.ready()`事件可以在页面中多次调用,而`window.onload`事件只能在页面加载时触发一次。
总的来说,如果你需要在页面和所有外部资源加载完毕后执行某些操作,那么使用`window.onload`事件;如果你需要在DOM树构建完毕后立即执行某些操作,那么使用`jQuery.ready()`事件。
document.ready与window.onload的区别
`document.ready` 和 `window.onload` 都是在页面加载完成后执行 JavaScript 代码的事件。
`document.ready` 是 jQuery 的一个事件,它在 DOM 树构建完成后就会执行,此时页面可能还没有加载完所有的资源(如图片、视频等),所以它比 `window.onload` 事件更早触发,可以更快地执行 JavaScript 代码。
`window.onload` 事件是在页面所有资源(包括图片、视频等)加载完成后才会触发,此时页面已经完全加载完成。因此,如果需要在 JavaScript 中操作页面中的图片或其他资源,建议使用 `window.onload` 事件。
需要注意的是,如果页面已经加载完成后再绑定 `document.ready` 或 `window.onload` 事件,这些事件是不会再被触发的,而只会执行已绑定的事件处理程序。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)