$(window).load()事件用法
时间: 2023-08-04 09:02:41 浏览: 154
window.addEventListener来解决让一个js事件执行多个函数
`$(window).load()`事件是在所有页面资源都已经加载完成后触发的事件,与`window.onload`事件类似。它是jQuery库提供的一个事件,可以用来执行一些需要等待所有资源加载完成后才能进行的操作。
`$(window).load()`事件的用法如下:
```javascript
$(window).load(function() {
// 所有页面资源都已经加载完成后执行的代码
});
```
在这个事件中,可以进行一些需要等待所有资源加载完成后才能进行的操作,例如操作图片、计算元素的位置、执行动画效果等等。
需要注意的是,`$(window).load()`事件触发的时间比`$(document).ready()`事件(或者说DOMContentLoaded事件)要晚,因为它需要等待所有资源加载完成后才能触发。因此,如果只需要操作DOM元素,就可以使用`$(document).ready()`事件或者DOMContentLoaded事件,如果需要操作图片等资源,可以使用`$(window).load()`事件。
另外,从jQuery 3.0版本开始,`$(window).load()`事件已经被废弃,建议使用`$(window).on('load', function(){})`来代替。
阅读全文