demoshop

demo, trying to be the best_

有時候如果網頁的圖片失連跑出討厭的叉燒包覺得不好看嗎?利用本文語法就可以在圖檔無法顯示的時候替換預設圖,甚至呼叫函式來做其他處理。

當src的圖片不存在時,使用onerror的圖片來顯示
<img onerror="this.src='noImg.gif'" src="test.jpg" />
<br />
當src的圖片不存在時,呼叫函式imgDisplay()
<img src="uploadlogo.jpg"  onerror='imgDisplay()' />
 <script type="text/javascript"> 
  function imgDisplay() 
  { 
  var board = document.getElementById("imgshow"); 
  board.style.display = 'none'; 
  } 
</script>

參考的文章:

http://www.w3school.com.cn/htmldom/event_onerror.asp

回應討論