图片不存在的时候,显示一个默认图片

        前端有时候获取不到图片地址的时候,为了不影响用户体验,可以给用户显示一个默认的图片。

使用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'" />

冷暖自知一抹茶ck


冷暖自知一抹茶ck
请先登录后发表评论
  • 最新评论
  • 总共0条评论