img標簽設置默認圖片

有時需要給圖片設置默認圖，比如用戶頭像，默認商品圖等。img的alt屬性只是給圖片設置未加載時的文字提示信息。這時，通常會用到onerror屬性，一下為常用的兩種方法：
1、讓圖片元素隱藏

<img src="圖片的url地址" alt="圖片XX" onerror="this.style.display='none'"/>

2、設置默認圖

<img src="圖片的url地址" alt="圖片XX" onerror="this.src='默認圖片的url地址'"/>

第二種方式為常用的方法，但當onerror中設置的圖片路徑也不存在時就會導致瀏覽器一直加載這個圖，造成堆棧溢出錯誤。
所以，通常在后面加上this.onerror=null;保證onerror里的事件只執(zhí)行一次。所以完整的寫法為：

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

原文摘自：https://www.cnblogs.com/wxcbg/p/7459022.html

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容