JavaScript代碼
//圖像加載出錯(cuò)時(shí)的處理function errorImg(img) {img.src = "默認(rèn)圖片.jpg";img.onerror = null;} html代碼
<img width="32" height="32" src="1.jpg" onerror="errorImg(this)" />
為了美觀(guān)當(dāng)網(wǎng)頁(yè)圖片不存在時(shí)不顯示叉叉圖片
當(dāng)在頁(yè)面顯示的時(shí)候，萬(wàn)一圖片被移動(dòng)了位置或者丟失的話(huà)，將會(huì)在頁(yè)面顯示一個(gè)帶X的圖片，很是影響用戶(hù)的體驗(yàn)。即使使用alt屬性給出了”圖片XX”的提示信息，也起不了多大作用。
其實(shí)，可以這樣處理：當(dāng)圖片不存在的時(shí)候，會(huì)觸發(fā)onerror事件，我們可以在該事件中做一下補(bǔ)救的工作，比如：
1、讓這個(gè)圖片元素隱藏：
為了美觀(guān)當(dāng)網(wǎng)頁(yè)圖片不存在時(shí)不顯示叉叉圖片 src="圖片的url地址" style="margin: 0px; padding: 0px; line-height: 25.2px; width: 660px; overflow: hidden; clear: both;">為了美觀(guān)當(dāng)網(wǎng)頁(yè)圖片不存在時(shí)不顯示叉叉圖片 src="圖片的url地址" style="margin: 0px; padding: 0px; line-height: 25.2px; width: 660px; overflow: hidden; clear: both;">為了美觀(guān)當(dāng)網(wǎng)頁(yè)圖片不存在時(shí)不顯示叉叉圖片 src="圖片的url地址" alt="圖片XX" onerror="this.src='默認(rèn)圖片的url地址;this.onerror=null'"/>
經(jīng)測(cè)試，上面的方法在IE各個(gè)版本及谷歌、火狐瀏覽器中都支持。
