解決img標簽src對應的圖片不存在

  1. [代碼]img標簽src對應的圖片不存在,顯示一個默認的

    onerror="this.src='img/default.jpg'"

 ![****](http://upload-images.jianshu.io/upload_images/3221009-c45d99d28456d5ac.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
  1. [代碼][CSS]引用(推薦夠用了)
<script type="text/javascript">
 t = document.getElementsByClassName("defaultImg");
 for(i = 0; i < t.length; i++){
     t.item(i).onerror = function(){
       this.src = "test.gif"
     }
   }
</script>

//采用 className 是為了更好的適應頁面,不是每個img我們都要這樣做的,甚至不同地方的img
//我們要顯示不同的默認圖片。(采用img同樣做法)。
//采用id則是犯了錯誤,id 導致只會拿到第一個id相符的。
//此代碼經過測試在 非IE 的browser上正常工作。

//為了兼容IE個廢物,請使用以下代碼:

<script type="text/javascript">
  t = document.getElementsByTagName("img");
  for(i = 0; i < t.length; i++){
      t.item(i).onerror = function(){
        if(this.id =="defaultImg"){
            this.src = "test.gif";
            this.onerror = null;
          }
      }
    }
</script>
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 工廠模式類似于現實生活中的工廠可以產生大量相似的商品,去做同樣的事情,實現同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 7,827評論 2 17
  • ¥開啟¥ 【iAPP實現進入界面執行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,510評論 0 17
  • oncontextmenu="window.event.returnValue=false" 將徹底屏蔽鼠標右鍵 ...
    逍遙至尊灬寳閱讀 1,259評論 0 43
  • 以下是常用的代碼收集,學習用。轉自豪情博客園 1. PC - js 返回指定范圍的隨機數(m-n之間)的公式 re...
    自由加咖啡閱讀 1,014評論 0 1
  • 單例模式 適用場景:可能會在場景中使用到對象,但只有一個實例,加載時并不主動創建,需要時才創建 最常見的單例模式,...
    Obeing閱讀 2,093評論 1 10