在JavaScript中,可以使用load事件来监听页面或资源的加载完成。load事件可以用于window对象、document对象、img对象、script对象等。
以下是几种常见的使用方式:
1. 监听整个页面的加载完成:
```javascript
window.addEventListener('load', function() {
// 页面加载完成后的操作
});
```
2. 监听特定元素的加载完成:
```javascript
var img = document.querySelector('img');
img.addEventListener('load', function() {
// 图片加载完成后的操作
});
```
3. 动态加载外部脚本并监听其加载完成:
```javascript
var script = document.createElement('script');
script.src = 'path/to/script.js';
script.addEventListener('load', function() {
// 外部脚本加载完成后的操作
});
document.head.appendChild(script);
```
需要注意的是,load事件只有在所有资源(如图片、样式表、脚本等)加载完成后才会触发。如果资源已经被缓存,则可能会立即触发load事件。