解析img圖片沒找到onerror事件Stack overflow at line: 0

開啟網頁時提示Stack overflow at line: 0。我做了截圖如下：

經過分析，發現網頁中存在類似如下的程式碼：

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

分析：特別注意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="../../../sys/common/image/fileoperation/icon/default.gif";

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

}

//沒有找到時用事件獲取一個一個獲取

//-->

</script>

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

第三種:

使用兩個<img />

<style type="text/css">

hidden {

display: none;

}

</style>

<img src="xxx.jpg" onerror="this.class='hidden';xx.class=''" />

<img src="xxx.jpg" />