溫馨提示×

javascript中的load事件怎么使用

小億
284
2023-06-30 15:37:21
欄目: 編程語言

在JavaScript中，可以使用load事件來監(jiān)聽頁面或資源的加載完成。load事件可以用于window對象、document對象、img對象、script對象等。

以下是幾種常見的使用方式：

1. 監(jiān)聽整個頁面的加載完成：
```javascript
window.addEventListener('load', function() {
 // 頁面加載完成后的操作
});
```

2. 監(jiān)聽特定元素的加載完成：
```javascript
var img = document.querySelector('img');
img.addEventListener('load', function() {
 // 圖片加載完成后的操作
});
```

3. 動態(tài)加載外部腳本并監(jiān)聽其加載完成：
```javascript
var script = document.createElement('script');
script.src = 'path/to/script.js';
script.addEventListener('load', function() {
 // 外部腳本加載完成后的操作
});
document.head.appendChild(script);
```
需要注意的是，load事件只有在所有資源（如圖片、樣式表、腳本等）加載完成后才會觸發(fā)。如果資源已經(jīng)被緩存，則可能會立即觸發(fā)load事件。

0 踩