本篇內(nèi)容主要講解“怎么解決網(wǎng)頁圖片不存在時(shí)不顯示默認(rèn)圖片問題”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“怎么解決網(wǎng)頁圖片不存在時(shí)不顯示默認(rèn)圖片問題”吧!

廣陵網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),廣陵網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為廣陵上1000+提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的廣陵做網(wǎng)站的公司定做！

當(dāng)在頁面顯示的時(shí)候，萬一圖片被移動(dòng)了位置或者丟失的話，將會(huì)在頁面顯示一個(gè)帶X的圖片，很是影響用戶的體驗(yàn)。即使使用alt屬性給出了”圖片XX”的提示信息，也起不了多大作用。

網(wǎng)頁不顯示圖片處理方法

其實(shí)，可以這樣處理：當(dāng)圖片不存在的時(shí)候，會(huì)觸發(fā)onerror事件，我們可以在該事件中做一下補(bǔ)救的工作，比如：

1、讓這個(gè)圖片元素隱藏：

2、用默認(rèn)的圖片替換：

注意：如果使用不當(dāng)，在IE內(nèi)核的瀏覽器下會(huì)造成死循環(huán)。比如：當(dāng)【默認(rèn)圖片的url地址】也加載不成功（比如網(wǎng)速比較慢的時(shí)候）或不存在的話，就會(huì)反復(fù)的加載，最后造成堆棧溢出錯(cuò)誤。

圖片不存在時(shí)不顯示默認(rèn)圖片

因此，需要用下面兩種方法解決：

a、更改onerror代碼為其它處理方式或者確保onerror中的默認(rèn)圖片足夠小，并且存在。

b、控制onerror事件只觸發(fā)一次（如果默認(rèn)圖片加載也有問題會(huì)導(dǎo)致事件一直觸發(fā)），需要增加這句話：this.οnerrοr=null;增加后如下：

到此，相信大家對(duì)“怎么解決網(wǎng)頁圖片不存在時(shí)不顯示默認(rèn)圖片問題”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

文章標(biāo)題：怎么解決網(wǎng)頁圖片不存在時(shí)不顯示默認(rèn)圖片問題-創(chuàng)新互聯(lián)
文章來源：http://weahome.cn/article/dseccp.html