1. 程式人生 > >img圖片不存在時設定預設圖片

img圖片不存在時設定預設圖片

當在頁面顯示的時候,萬一圖片被移動了位置或者丟失的話,將會在頁面顯示一個帶X的圖片,很是影響使用者的體驗。即使使用alt屬性給出了"圖片XX"的提示資訊,也起不了多大作用。 其實,可以這樣處理:當圖片不存在的時候,會觸發onerror事件,我們可以在該事件中做一下補救的工作,

<img src="圖片的url地址" alt="圖片XX" onerror="this.src='預設圖片的url地址;this.onerror=null'"/>