1. 程式人生 > >img onerror事件

img onerror事件

                                                          img  onerror事件

定義和用法

onerror 事件會在文件或影象載入過程中發生錯誤時被觸發。

在裝載文件或影象的過程中如果發生了錯誤,就會呼叫該事件控制代碼。

語法

onerror="SomeJavaScriptCode"
引數 描述
SomeJavaScriptCode 必需。規定該事件發生時執行的 JavaScript。


      IE下開啟網頁時,會彈出“Stack overflow at line: 0”的彈框。這個bug是由於img標籤的onerror事件引起的。程式中用到的程式碼片段如下:正常情況下顯示src所指路徑的圖片,載入失敗時顯示通過img標籤的onerror事件顯示另一張圖片,問題就出現在了這裡,當另一張圖片也不存在時,就造成了迴圈觸發onerror事件,在IE下就會彈出“stack overflow”的彈框。 


<img src="1.jpg" onerror="nofind(event)"/>

在onerror中呼叫nofind函式就不會出現ie中死迴圈的現象了

<script type="javascript/text">

function nofind(event){
var img = event.target || event.srcElement;
img.src="http://www.rigouwang.com/Html/Tpl/default/Public/image/onerror_img.jpg";
img.onerror=null; //控制不要一直跳動
}

</script>