DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js注意img圖片的onerror事件的分析
js注意img圖片的onerror事件的分析
編輯:關於JavaScript     
經過分析,發現網頁中存在類似如下的代碼:

<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="../../../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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved