前端有时候获取不到图片地址的时候,为了不影响用户体验,可以给用户显示一个默认的图片。
使用img标签的 onerror 属性即可。
1、onerror定义:
onerror 事件会在文档或图像加载过程中发生错误时被触发。在装载文档或图像的过程中如果发生了错误,就会调用该事件句柄。
2、语法:
onerror="SomeJavaScriptCode"
支持该事件的 HTML 标签:<img>, <object>, <style>
支持该事件的 JavaScript 对象:window, image
实例:
<img src="noexist.gif" onerror="this.src='https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png'" />
本文为崔凯原创文章,转载无需和我联系,但请注明来自冷暖自知一抹茶ckhttp://www.cksite.cn