编程 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 相关文章推荐

IE DOM实现存在的部分问题及解决方法

Jul 25 Javascript

JavaScript Sort 表格排序

Oct 31 Javascript

jquery 无限级联菜单案例分享

Mar 26 Javascript

JS的千分位算法实现思路

Jul 31 Javascript

JS脚本根据手机浏览器类型跳转WAP手机网站（两种方式）

Aug 04 Javascript

js实现全国省份城市级联下拉菜单效果代码

Sep 07 Javascript

Javascript中Date类型和Math类型详解

Feb 27 Javascript

微信小程序封装http请求实例详解

Jan 16 Javascript

JS实现针对给定时间的倒计时功能示例

Apr 11 Javascript

详解wow.js中各种特效对应的类名

Sep 13 Javascript

js中比较两个对象是否相同的方法示例

Sep 02 Javascript

vue 组件基础知识总结

Jan 26 Vue.js

原生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批量更改数据库表前缀实现方法

2013/10/26 PHP

php实现redis数据库指定库号迁移的方法

2015/01/14 PHP

PHP实现Unicode编码相互转换的方法示例

2020/11/17 PHP

PHP下 Mongodb 连接远程数据库的实例代码

2017/08/30 PHP

laravel获取不到session的三种解决办法【推荐】

2018/09/16 PHP

php提供实现反射的方法和实例代码

2019/09/17 PHP

禁止F5等快捷键的JS代码

2007/03/06 Javascript

学习ExtJS Column布局

2009/10/08 Javascript

善用事件代理，警惕闭包的性能陷阱。

2011/01/20 Javascript

如何使用jQuery技术开发ios风格的页面导航菜单

2015/07/29 Javascript

Zabbix添加Node.js监控的方法

2016/10/20 Javascript

JS作用域深度解析

2016/12/29 Javascript

AngularJS 控制器 controller的详解

2017/10/17 Javascript

详解Vue 全局变量，局部变量

2019/04/17 Javascript

layui点击弹框页面表单请求的方法

2019/09/21 Javascript

vue实现的封装全局filter并统一管理操作示例

2020/02/02 Javascript

[01:37]DOTA2超级联赛专访ChuaN 传奇般的电竞之路

2013/06/19 DOTA

[02:44]2014DOTA2 国际邀请赛中国区预选赛大神红毯秀

2014/05/25 DOTA

python调用cmd复制文件代码分享

2013/12/27 Python

Python基于pillow判断图片完整性的方法

2016/09/18 Python

python常见排序算法基础教程

2017/04/13 Python

Python中print函数简单使用总结

2019/08/05 Python

Flask之pipenv虚拟环境的实现

2019/11/26 Python

python获取命令行参数实例方法讲解

2020/11/02 Python

深入剖析HTML5 内联框架iFrame

2016/05/04 HTML / CSS

阿迪达斯意大利在线商店：adidas意大利

2016/09/19 全球购物

Gloeilampgoedkoop荷兰：在线购买灯泡

2019/02/16 全球购物

如何利用find命令查找文件

2016/11/18 面试题

大学奖学金获奖感言

2014/08/15 职场文书

医院领导班子四风问题对照检查材料

2014/10/26 职场文书

公司中层管理培训心得体会

2016/01/11 职场文书

小学生六年级作文之关于感恩

2019/08/16 职场文书

解决goland 导入项目后import里的包报红问题

2021/05/06 Golang

Python破解极验滑动验证码详细步骤

2021/05/21 Python

Python数据可视化之绘制柱状图和条形图

2021/05/25 Python

理解python中装饰器的作用

2021/07/21 Python