在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事件。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
推荐阅读:JavaScript中onblur事件的作用是什么