JS对img标签进行优化使用onerror显示默认图像

时间:2024-04-10 10:51:35 

对于网站图像的不显示有很多原因,网络问题,文件本身问题,文件URL问题等,而当图像加载失败时会触发onerror这个事件,我们利用这点,可以有效的避免图像加载失败的尴尬!

js代码


//图像加载出错时的处理
function errorImg(img) {
img.src = "http://static.xuexiba.com/uploadfile//UserInfo/Avatar/201403/1303992393385832875324.jpg";
img.onerror = null;
}


html代码


<img width="32" height="32" src="1.jpg" onerror="errorImg(this)" />


页面效果
JS对img标签进行优化使用onerror显示默认图像

标签:img标签,onerror
0
投稿

猜你喜欢

  • 在Python中使用next()方法操作文件的教程

    2023-01-17 11:21:40
  • 兼容firefox的给每一个onClick再附加一个事件

    2023-08-24 18:29:47
  • 解决python gdal投影坐标系转换的问题

    2021-11-02 12:14:55
  • pandas学习之df.fillna的具体使用

    2023-10-16 20:34:08
  • Access中实现case when功能

    2009-04-28 13:02:00
  • Python gevent协程切换实现详解

    2023-01-15 17:50:18
  • 关于Tensorflow分布式并行策略

    2024-01-02 09:39:28
  • Mysql5.6启动内存占用过高解决方案

    2024-01-20 23:10:25
  • Web标准在中国

    2008-11-26 11:27:00
  • Node.js Domain 模块实例详解

    2024-05-08 09:35:15
  • vue文件树组件使用详解

    2024-05-09 09:53:52
  • 如何在vscode中安装python库的方法步骤

    2021-01-15 05:49:22
  • SQLServer 存储过程简介与使用方法

    2009-07-07 14:06:00
  • Python 实现集合Set的示例

    2021-10-04 06:27:19
  • Tornado Web Server框架编写简易Python服务器

    2021-10-18 09:23:52
  • Python引用类型和值类型的区别与使用解析

    2021-06-18 10:45:59
  • Windows下实现pytorch环境搭建

    2022-03-12 05:11:03
  • python利用beautifulSoup实现爬虫

    2022-05-17 21:10:34
  • 如何优化网站图片以快速显示

    2008-04-05 10:09:00
  • 详解解Django 多对多表关系的三种创建方式

    2021-03-13 04:59:16
  • asp之家 网络编程 m.aspxhome.com