圖片(img標籤)的onerror事件

打開網頁時提示 Stack overflow at line: 0。我作了截圖以下：

通過分析，發現網頁中存在相似以下的代碼：

<img src="pic.gif" onerror="javascript:this.src='/noPic.gif';" alt="pic" />

分析：特別注意 onerror，當圖片不存在時，將觸發 onerror，而 onerror 中又爲 img 指定一個 NoPic.gif 圖片。也就是說圖片存在則顯示 pic.gif，圖片不存在將顯示 noPic.gif。但問題來了，若是 noPic.gif 也不存在，則繼續觸發 onerror，致使循環，故出現錯誤。

說明：若是圖片存在，但網絡很不通暢，也可能觸發 onerror。

解決方法：

第一種：：.去掉 onerror 代碼；或者更改 onerror 代碼爲其它；或者確保 onerror 中的圖片足夠小，而且存在。

第二種：

<script type="text/javascript">

<!–

function nofind(){

var img=event.srcElement;

img.src="http://www.cnblogs.com/sys/common/image/fileoperation/icon/default.gif";

img.onerror=null; 控制不要一直跳動

}

//–>

</script>

<td align="center"><img src="http://www.cnblogs.com/sys/common/image/fileoperation/icon/${file.suffix }.gif" onerror="nofind();" />${file.name }</td>

 

http://www.cnblogs.com/MaxIE/archive/2010/10/19/1855462.html