<img src='error.jpg'/>

可以看上方當圖片找不到的時候特別的丑,所以我們需要給他添加一個默認的圖片,讓界面看起來更加美觀一點.怎么做呢?
我們看看控制臺打印:這里報錯了,沒有找到該圖片,這里我們可以知道,當圖片沒有找的時系統會拋出404的錯誤,所以說我們需要去監聽它的錯誤事件(onerror),并且把他的src屬性改為默認圖片.

可以看到這張圖片上

<img src='error.jpg' alt='未找到圖片' onerror="this.src='默認圖片路徑'">

效果圖:

但是當默認圖片也找不到的時候,就會出現崩潰的情況:
這么解決問題呢,只需要改造一下:

<img src="error.png" onerror="this.οnerrοr='';this.src='默認圖片路徑'"/>

這個樣子,就好了,哪怕默認圖片找不到,也會出現圖片裂開的圖了;

總結

以上是生活随笔為你收集整理的记,当找不到图片时,显示默认图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。