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

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

使用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


本文为崔凯原创文章,转载无需和我联系,但请注明来自冷暖自知一抹茶ckhttp://www.cksite.cn

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