img onerror事件
阿新 • • 發佈:2018-12-21
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>