img onload事件執(zhí)行函數(shù)

imgonload事件執(zhí)行函數(shù)當(dāng)圖片被成功加載時，瀏覽器會觸發(fā)`onload`事件。`onload`事件常用于在圖像加載完成后執(zhí)行一些操作，例如顯示圖片的尺寸、啟動動畫、更改樣式等。下面是一個關(guān)于`img`的`onload`事件執(zhí)行函數(shù)的相關(guān)參考內(nèi)容：

```javascript

//使用DOMAPI獲取圖片元素

constimg=document.querySelector('img');

//創(chuàng)建一個函數(shù)，用于處理圖片加載完成后的操作

functionhandleImageLoad(){

//圖片加載完成后的操作

console.log('圖片加載完成');

//通過`img`元素的屬性獲取圖片的寬度和高度，并在控制臺中輸出

console.log('圖片寬度:',img.width);

console.log('圖片高度:',img.height);

//可以通過修改樣式來實現(xiàn)一些動畫效果

img.style.opacity=1;

}

//將`handleImageLoad`函數(shù)與`onload`事件綁定

img.onload=handleImageLoad;

```

在上述代碼中，我們首先通過DOMAPI獲取到需要操作的圖片元素，然后定義了一個名為`handleImageLoad`的函數(shù)來處理圖片加載完成后的操作。在`handleImageLoad`函數(shù)內(nèi)部，我們可以執(zhí)行一些特定的任務(wù)，比如輸出圖片的尺寸，設(shè)置動畫效果等。

接下來，我們將`handleImageLoad`函數(shù)與`img`元素的`onload`事件綁定，以便在圖片加載完成時自動調(diào)用`handleImageLoad`函數(shù)。這樣，當(dāng)圖片被成功加載時，控制臺將會顯示相應(yīng)的信息。

需要注意的是，當(dāng)使用`onload`屬性方法時，后續(xù)綁定的函數(shù)將會覆蓋之前的綁定函數(shù)。如果我們需要綁定多個事件處理函數(shù)，可以使用`addEventListener`方法來添加多個處理函數(shù)。

```javascript

functionhandleImageLoad(){

//之前的處理函數(shù)

console.log('第一個處理函數(shù)');

}

functionhandleImageLoad2(){

//新增的處理函數(shù)

console.log('第二個處理函數(shù)');

}

img.addEventListener('load',handleImageLoad);

img.addEventListener('load',handleImageLoad2);

```

在上述代碼中，通過`addEventListener`方法來添加多個處理函數(shù)。當(dāng)圖片加載完成時，將會順序執(zhí)行這些處理函數(shù)。這樣，你可以根據(jù)具體需求添加任意數(shù)量的處理函數(shù)。

總結(jié)起來，`img`元素的`onload`事件執(zhí)行函數(shù)可以用于在圖片加載完成后執(zhí)行各種操作，包括顯示/修改圖片尺