当网页图片不存在时显示叉叉图片,影响用户体验
方案一:隐藏图片
<img src="图片url地址" alt="图片XX" onerror="this.style.display='none'"/>
方案二:用默认图片替换
如果是html页面
<img src="图片url地址" alt="图片XX" onerror="this.src='默认图片的url地址';this.onerror=null"/>
如果是在js中拼接字符串:
alt="" onerror=javascript:this.src="xx.png"/>
alt="" onerror='+"this.onerror='';this.src='xx.png' "+'/>