怎么解決網(wǎng)頁圖片不存在時(shí)不顯示默認(rèn)圖片問題-創(chuàng)新互聯(lián)

本篇內(nèi)容主要講解“怎么解決網(wǎng)頁圖片不存在時(shí)不顯示默認(rè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è)要多少錢，請找那個(gè)售后服務(wù)好的廣陵做網(wǎng)站的公司定做！

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

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

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

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

<imgsrc="圖片的url地址"alt="圖片XX"οnerrοr="this.style.display='none'"/>

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

<imgsrc="圖片的url地址"alt="圖片XX"οnerrοr="this.src='默認(rèn)圖片的url地址'"/>

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

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

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

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

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

<imgsrc="圖片的url地址"alt="圖片XX"οnerrοr="this.src='默認(rèn)圖片的url地址;this.οnerrοr=null'"/>

到此，相信大家對“怎么解決網(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)
標(biāo)題路徑：http://bm7419.com/article28/dseccp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、App設(shè)計(jì)、做網(wǎng)站、小程序開發(fā)、服務(wù)器托管、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)