溫馨提示×

javascript中的load事件怎么使用

小億
368
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
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女