溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“怎么解決網頁圖片不存在時不顯示默認圖片問題”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“怎么解決網頁圖片不存在時不顯示默認圖片問題”吧!
當在頁面顯示的時候，萬一圖片被移動了位置或者丟失的話，將會在頁面顯示一個帶X的圖片，很是影響用戶的體驗。即使使用alt屬性給出了”圖片XX”的提示信息，也起不了多大作用。
網頁不顯示圖片處理方法
其實，可以這樣處理：當圖片不存在的時候，會觸發onerror事件，我們可以在該事件中做一下補救的工作，比如：
1、讓這個圖片元素隱藏：
<imgsrc="圖片的url地址"alt="圖片XX"οnerrοr="this.style.display='none'"/>
2、用默認的圖片替換：
<imgsrc="圖片的url地址"alt="圖片XX"οnerrοr="this.src='默認圖片的url地址'"/>
注意：如果使用不當，在IE內核的瀏覽器下會造成死循環。比如：當【默認圖片的url地址】也加載不成功（比如網速比較慢的時候）或不存在的話，就會反復的加載，最后造成堆棧溢出錯誤。
圖片不存在時不顯示默認圖片
因此，需要用下面兩種方法解決：
a、更改onerror代碼為其它處理方式或者確保onerror中的默認圖片足夠小，并且存在。
b、控制onerror事件只觸發一次（如果默認圖片加載也有問題會導致事件一直觸發），需要增加這句話：this.οnerrοr=null;增加后如下：
<imgsrc="圖片的url地址"alt="圖片XX"οnerrοr="this.src='默認圖片的url地址;this.οnerrοr=null'"/>
到此，相信大家對“怎么解決網頁圖片不存在時不顯示默認圖片問題”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
