利用HTML的onerror來做一些小技巧(1.圖片不存在時,使用預設圖 2.判斷圖片是否存在)
最近在小舖看到HTML有一個onerror的用法
可以判斷圖片不存在時,使用預設圖片的方法...還不錯用
在此感謝lsk大大提供的方法...
ImageOnError.htm
01 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
02 <html xmlns="http://www.w3.org/1999/xhtml">
03 <head>
04 <title>ImageOnError</title>
05 </head>
06 <body>
07 <!-- 當src的圖片不存在時,使用onerror的圖片來顯示 -->
08 <img src="uploadlogo1.jpg" onerror="this.src='ADS20080103095649TNK.gif'" />
09 <br />
10 <!-- 判斷src的圖片是否存在,是則用onload顯示'圖片存在',否則用onerror顯示'圖片不存在' -->
11 <img src="uploadlogo.jpg" style="display: none;" onerror='alert("圖片不存在")' onload='alert("圖片存在")' /></body></html>
02 <html xmlns="http://www.w3.org/1999/xhtml">
03 <head>
04 <title>ImageOnError</title>
05 </head>
06 <body>
07 <!-- 當src的圖片不存在時,使用onerror的圖片來顯示 -->
08 <img src="uploadlogo1.jpg" onerror="this.src='ADS20080103095649TNK.gif'" />
09 <br />
10 <!-- 判斷src的圖片是否存在,是則用onload顯示'圖片存在',否則用onerror顯示'圖片不存在' -->
11 <img src="uploadlogo.jpg" style="display: none;" onerror='alert("圖片不存在")' onload='alert("圖片存在")' /></body></html>
參考網址：
http://www.blueshop.com.tw/board/show.asp?subcde=BRD2008030417593312R&fumcde=FUM20041006161839LRJ
http://www.w3schools.com/jsref/jsref_onerror.asp
http://www.thescripts.com/forum/thread527502.html