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

鼠标图片振动代码

Jul 06 Javascript

JAVASCRIPT style 中visibility和display之间的区别

Jan 22 Javascript

javascript 判断两个日期之差的示例代码

Sep 05 Javascript

JavaScript将base64图片转换成formData并通过AJAX提交的实现方法

Oct 24 Javascript

浅谈 Vue 项目优化的方法

Dec 16 Javascript

vue-router传递参数的几种方式实例详解

Nov 13 Javascript

微信小程序之onLaunch与onload异步问题详解

Mar 28 Javascript

微信小程序实现的canvas合成图片功能示例

May 03 Javascript

微信小程序纯文本实现@功能

Apr 08 Javascript

ant design 日期格式化的实现

Oct 27 Javascript

jquery插件实现代码雨特效

Apr 24 jQuery

JavaScript如何利用Promise控制并发请求个数

May 14 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的面向对象编程

2006/10/09 PHP

一个简单的网页密码登陆php代码

2012/07/17 PHP

Zend Framework教程之MVC框架的Controller用法分析

2016/03/07 PHP

PHP常用文件操作函数和简单实例分析

2016/06/03 PHP

PHP开发实现微信退款功能示例

2017/11/25 PHP

通用于ie和firefox的函数 GetCurrentStyle (obj, prop)

2006/12/27 Javascript

基于jQuery的可以控制左右滚动及自动滚动效果的代码

2010/07/25 Javascript

如何确保JavaScript的执行顺序之jQuery.html深度分析

2011/03/03 Javascript

JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)

2011/07/04 Javascript

使用javascript:将其它类型值转换成布尔类型值的解决方法详解

2013/05/07 Javascript

js实现身份证号码验证的简单实例

2014/02/19 Javascript

js登录弹出层特效

2014/03/07 Javascript

js 3秒后跳转页面的实现代码

2014/03/10 Javascript

javascript制作游戏开发碰撞检测的封装代码

2015/03/31 Javascript

原生js实现图片轮播特效

2015/12/18 Javascript

微信小程序实现列表项滑动显示删除按钮的功能

2017/04/13 Javascript

移动设备手势事件库Touch.js使用详解

2017/08/18 Javascript

Node.js学习之地址解析模块URL的使用详解

2017/09/28 Javascript

Vue.js项目中管理每个页面的头部标签的两种方法

2018/06/25 Javascript

JavaScript 2018 中即将迎来的新功能

2018/09/21 Javascript

[01:14]TI珍贵瞬间系列（六）：冠军

2020/08/30 DOTA

Python3读取zip文件信息的方法

2015/05/22 Python

解决Python plt.savefig 保存图片时一片空白的问题

2019/01/10 Python

Python全局锁中如何合理运用多线程（多进程）

2019/11/06 Python

Python+Django+MySQL实现基于Web版的增删改查的示例代码

2020/05/13 Python

如何基于Python爬取隐秘的角落评论

2020/07/02 Python

Django跨域请求原理及实现代码

2020/11/14 Python

Shoes For Crews法国官网：美国领先的防滑鞋设计和制造商

2018/01/01 全球购物

技能竞赛活动方案

2014/02/21 职场文书

大学四年个人自我小结

2014/03/05 职场文书

室内趣味活动方案

2014/08/24 职场文书

公司出纳岗位职责

2015/03/31 职场文书

2015年售票员工作总结

2015/04/29 职场文书

社区党支部公开承诺书

2015/04/29 职场文书

2015年社区宣传工作总结

2015/05/20 职场文书

不同意离婚上诉状

2015/05/23 职场文书