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