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

本篇內容主要講解“怎么解決網頁圖片不存在時不顯示默認圖片問題”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“怎么解決網頁圖片不存在時不顯示默認圖片問題”吧!

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

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

網頁不顯示圖片處理方法

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

1、讓這個圖片元素隱藏：

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

2、用默認的圖片替換：

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

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

圖片不存在時不顯示默認圖片

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

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

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

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

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

文章標題：怎么解決網頁圖片不存在時不顯示默認圖片問題-創(chuàng)新互聯(lián)
標題路徑：http://muchs.cn/article28/dseccp.html

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

廣告

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