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

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

```javascript

//使用DOMAPI獲取圖片元素

constimg=document.querySelector('img');

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

functionhandleImageLoad(){

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

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

//通過(guò)`img`元素的屬性獲取圖片的寬度和高度，并在控制臺(tái)中輸出

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

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

//可以通過(guò)修改樣式來(lái)實(shí)現(xiàn)一些動(dòng)畫效果

img.style.opacity=1;

}

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

img.onload=handleImageLoad;

```

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

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

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

```javascript

functionhandleImageLoad(){

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

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

}

functionhandleImageLoad2(){

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

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

}

img.addEventListener('load',handleImageLoad);

img.addEventListener('load',handleImageLoad2);

```

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

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