温馨提示×

javascript中的load事件怎么使用

小亿
180
2023-06-30 15:37:21
栏目: 编程语言

在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事件。

0