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

2019-12-21,,,

对于网站图像的不显示有很多原因,网络问题,文件本身问题,文件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中if语句的几种优化代码写法
  • javascript教程:关于if简写语句优化的方法
  • nodejs的10个性能优化技巧
  • JavaScript也谈内存优化
  • Uglifyjs(JS代码优化工具)入门 安装使用
  • js性能优化 如何更快速加载你的JavaScript页面
  • js 优化次数过多的循环 考虑到性能问题
  • Extjs优化(二)Form表单提交通用实现
  • JavaScript优化以及前段开发小技巧

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

下载本文的Word格式文档,以方便收藏与打印。