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高级程序设计 读书笔记之八 Function类及闭包
Feb 27 Javascript
jquery-syntax动态语法着色示例代码
May 14 Javascript
javascript异步编程代码书写规范Promise学习笔记
Feb 11 Javascript
css如何让浮动元素水平居中
Aug 07 Javascript
JS+CSS实现的蓝色table选项卡效果
Oct 08 Javascript
深入解析JavaScript中的arguments对象
Jun 12 Javascript
jQuery命名空间与闭包用法示例
Jan 12 Javascript
纯原生js实现贪吃蛇游戏
Apr 16 Javascript
微信小程序 监听手势滑动切换页面实例详解
Jun 15 Javascript
基于$.ajax()方法从服务器获取json数据的几种方式总结
Jan 31 Javascript
Material(包括Material Icon)在Angular2中的使用详解
Feb 11 Javascript
微信小程序网络层封装的实现(promise, 登录锁)
May 08 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
修改Zend引擎实现PHP源码加密的原理及实践
2008/04/14 PHP
ThinkPHP模板替换与系统常量及应用实例教程
2014/08/22 PHP
PHP设置images目录不充许http访问的方法
2016/11/01 PHP
简单谈谈 php 文件锁
2017/02/19 PHP
Nigma vs Alliance BO5 第三场2.14
2021/03/10 DOTA
div层的移动及性能优化
2010/11/16 Javascript
JQuery获取各种宽度、高度(format函数)实例
2013/03/04 Javascript
jQuery 中$(this).index与$.each的使用指南
2014/11/20 Javascript
JS+CSS模拟可以无刷新显示内容的留言板实例
2015/03/03 Javascript
JavaScript控制图片加载完成后调用回调函数的方法
2015/03/20 Javascript
jQuery实现弹出窗口中切换登录与注册表单
2015/06/05 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
2016/02/28 Javascript
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
jQuery中常用动画效果函数知识点整理
2018/08/19 jQuery
javascript设计模式 ? 原型模式原理与应用实例分析
2020/04/10 Javascript
[05:02][DOTA2]DOTA进化论 第一期
2013/09/27 DOTA
python二分法实现实例
2013/11/21 Python
Python基于identicon库创建类似Github上用的头像功能
2017/09/25 Python
详解Python 协程的详细用法使用和例子
2018/06/15 Python
Numpy截取指定范围内的数据方法
2018/11/14 Python
Django项目使用CircleCI的方法示例
2019/07/14 Python
手机使用python操作图片文件(pydroid3)过程详解
2019/09/25 Python
Python实现数值积分方式
2019/11/20 Python
为什么说python更适合树莓派编程
2020/07/20 Python
如何使用scrapy中的ItemLoader提取数据
2020/09/30 Python
Python中的面向接口编程示例详解
2021/01/17 Python
css3 条纹化和透明化表格Firefox下测试成功
2014/04/15 HTML / CSS
CSS3制作彩色进度条样式的代码示例分享
2016/06/23 HTML / CSS
匈牙利墨盒和碳粉购买网站:CDRmarket
2018/04/14 全球购物
Molton Brown美国官网:奢华美容、香水、沐浴和身体护理
2020/09/02 全球购物
仓库门卫岗位职责
2013/12/22 职场文书
医院检讨书范文
2014/02/01 职场文书
剪彩仪式主持词
2014/03/19 职场文书
企业安全生产承诺书
2014/05/22 职场文书
学前班幼儿评语大全
2014/12/29 职场文书
2016护理专业求职自荐书
2016/01/28 职场文书