编程 Javascript

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

Posted in Javascript onApril 24, 2014

对于网站图像的不显示有很多原因，网络问题，文件本身问题，文件ＵＲＬ问题等，而当图像加载失败时会触发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显示默认图像

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

关于使用runtimeStyle属性问题讨论文章

Mar 08 Javascript

在javascript将NodeList作为Array数组处理的方法

Jul 09 Javascript

jquery中this的使用说明

Sep 06 Javascript

jquery访问ashx文件示例代码

Aug 11 Javascript

jQuery内容过滤选择器用法分析

Feb 10 Javascript

jQuery控制DIV层实现由大到小，由远及近动画变化效果

Oct 09 Javascript

jquery实现的V字形显示效果代码

Oct 27 Javascript

jQuery绑定事件的几种实现方式

May 09 Javascript

快速解决js中window.location.href不工作的问题

Nov 02 Javascript

vue 登录滑动验证实现代码

Aug 24 Javascript

layui radio单选限制下一个radio单选的实例

Sep 03 Javascript

JS常用排序方法实例代码解析

Mar 03 Javascript

原生javascript模仿win8等待提示圆圈进度条

Apr 24 #Javascript

js如何判断用户是在PC端和还是移动端访问

Apr 24 #Javascript

jquery 扑捉回车键事件代码

Apr 24 #Javascript

IE中的File域无法清空使用jQuery重设File域

Apr 24 #Javascript

js 动态为textbox添加下拉框数据源的方法

Apr 24 #Javascript

from表单多个按钮提交用onclick跳转不同action

Apr 24 #Javascript

编写高效jQuery代码的4个原则和5个技巧

Apr 24 #Javascript

You might like

PHP中array_map与array_column之间的关系分析

2014/08/19 PHP

php获取linux命令结果的实例

2017/03/13 PHP

PHP递归实现汉诺塔问题的方法示例

2017/11/25 PHP

slice函数的用法之不错的应用

2006/12/29 Javascript

用JS实现的一个include函数

2007/07/21 Javascript

JavaScipt基本教程之前言

2008/01/16 Javascript

通过修改referer下载文件的方法

2008/05/11 Javascript

关于setInterval、setTimeout在jQuery中的使用注意事项

2011/09/28 Javascript

按下回车键指向下一个位置的一个函数代码

2014/03/10 Javascript

小议JavaScript中Generator和Iterator的使用

2015/07/29 Javascript

浅谈js中test()函数在正则中的使用

2016/08/19 Javascript

AngularJS全局scope与Isolate scope通信用法示例

2016/11/22 Javascript

详解使用angularjs的ng-options时如何设置默认值(初始值)

2017/07/18 Javascript

Bootstrap栅格系统的使用详解

2017/10/30 Javascript

js原生日历的实例(推荐)

2017/10/31 Javascript

在create-react-app中使用css modules的示例代码

2018/07/31 Javascript

TypeScript 引用资源文件后提示找不到的异常处理技巧

2020/07/15 Javascript

[46:25]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第二局

2016/03/05 DOTA

详解Python中的序列化与反序列化的使用

2015/06/30 Python

TensorFlow 滑动平均的示例代码

2018/06/19 Python

Python在for循环中更改list值的方法【推荐】

2018/08/17 Python

使用python将请求的requests headers参数格式化方法

2019/01/02 Python

python中比较两个列表的实例方法

2019/07/04 Python

Python实现PyPDF2处理PDF文件的方法示例

2019/09/25 Python

Pytorch之parameters的使用

2019/12/31 Python

python爬虫模块URL管理器模块用法解析

2020/02/03 Python

解决TensorFlow训练内存不断增长,进程被杀死问题

2020/02/05 Python

Python Selenium库的基本使用教程

2021/01/04 Python

西班牙家用电器和电子产品购物网站：Mi Electro

2019/02/25 全球购物

本科毕业生自荐信

2014/06/02 职场文书

个人批评与自我批评总结

2014/10/17 职场文书

公务员年度考核评语

2014/12/31 职场文书

2015员工年度考核评语

2015/03/25 职场文书

2016年6月份红领巾广播稿

2015/12/21 职场文书

小组口号霸气押韵

2015/12/24 职场文书

SpringBoot整合Minio文件存储

2022/04/03 Java/Android