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


Posted in Javascript onApril 24, 2014

对于网站图像的不显示有很多原因,网络问题,文件本身问题,文件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显示默认图像
Javascript 相关文章推荐
JavaScript 数组详解
Oct 10 Javascript
js取整数、取余数的方法
May 11 Javascript
jQuery中多个元素的Hover事件解决方案
Jun 12 Javascript
JavaScript简单修改窗口大小的方法
Aug 03 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
Feb 22 Javascript
基于vuejs实现一个todolist项目
Apr 11 Javascript
JavaScript数据结构之数组的表示方法示例
Apr 12 Javascript
jQuery实现div跟随鼠标移动
Aug 20 jQuery
Vue+Element使用富文本编辑器的示例代码
Aug 14 Javascript
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
Sep 29 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
Aug 02 Javascript
Vue触发input选取文件点击事件操作
Aug 07 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
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
解读PHP中上传文件的处理问题
2016/05/29 PHP
thinkphp Apache配置重启Apache1 restart 出错解决办法
2017/02/15 PHP
深入浅析PHP的session反序列化漏洞问题
2017/06/15 PHP
php+redis实现商城秒杀功能
2020/11/19 PHP
php多进程应用场景实例详解
2019/07/22 PHP
基于jquery用于查询操作的实现代码
2010/05/10 Javascript
Javascript控制页面链接在新窗口打开具体方法
2013/08/16 Javascript
如何学习Javascript入门指导
2013/11/01 Javascript
Javascript中的异步编程规范Promises/A详细介绍
2014/06/06 Javascript
浅谈JavaScript正则表达式分组匹配
2015/04/10 Javascript
javascript实现一个数值加法函数
2015/06/26 Javascript
jQuery添加options点击事件并传值实例代码
2016/05/18 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
2016/09/29 Javascript
浅析JavaScript中作用域和作用域链
2016/12/06 Javascript
vue拦截器Vue.http.interceptors.push使用详解
2017/04/22 Javascript
Vue项目中如何使用Axios封装http请求详解
2019/10/23 Javascript
autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法
2020/05/03 Javascript
vue iview 隐藏Table组件里的某一列操作
2020/11/13 Javascript
[01:32]2016国际邀请赛中国区预选赛CDEC战队教练采访
2016/06/26 DOTA
[49:08]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第一场 11.27
2020/12/01 DOTA
Linux环境下MySQL-python安装过程分享
2015/02/02 Python
tensorflow 使用flags定义命令行参数的方法
2018/04/23 Python
Python3的介绍、安装和命令行的认识(推荐)
2018/10/20 Python
使用Py2Exe for Python3创建自己的exe程序示例
2018/10/31 Python
如何提高python 中for循环的效率
2020/04/15 Python
瑞士香水购物网站:Parfumcity.ch
2017/01/14 全球购物
英国健身专家:WIT Fitness
2021/02/09 全球购物
恒华伟业笔试面试题
2015/02/26 面试题
金融专业个人的自我评价
2013/10/18 职场文书
优秀员工表扬信
2014/01/17 职场文书
大学生职业生涯规划书汇总
2014/03/20 职场文书
四风问题对照检查整改措施思想报告
2014/10/05 职场文书
怎样写辞职信
2015/02/27 职场文书
2015年助理工程师工作总结
2015/04/03 职场文书
Python使用scapy模块发包收包
2021/05/07 Python