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 相关文章推荐
使用js获取QueryString的方法小结
Feb 28 Javascript
《JavaScript高级程序设计》阅读笔记(一) ECMAScript基础
Feb 27 Javascript
自己使用js/jquery写的一个定制对话框控件
May 02 Javascript
微信小程序 使用腾讯地图SDK详解及实现步骤
Feb 28 Javascript
详解AngularJS1.6版本中ui-router路由中/#!/的解决方法
May 22 Javascript
JS HTML图片显示Canvas 压缩功能
Jul 21 Javascript
详解vue 项目白屏解决方案
Oct 31 Javascript
Nginx设置为Node.js的前端服务器方法总结
Mar 27 Javascript
vue中input的v-model清空操作
Sep 06 Javascript
jQuery实现计算器功能
Oct 19 jQuery
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
Feb 20 Vue.js
关于React Native 无法链接模拟器的问题
Jun 21 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数据过滤的方法
2013/10/30 PHP
ThinkPHP实现事务回滚示例代码
2014/06/23 PHP
PHP针对JSON操作实例分析
2015/01/12 PHP
JQuery 学习技巧总结
2010/05/21 Javascript
JavaScript中“+”的陷阱深刻理解
2012/12/04 Javascript
JS 实现获取打开一个界面中输入的值
2013/03/19 Javascript
JavaScript使用循环和分割来替换和删除元素实例
2014/10/13 Javascript
jquery表单验证插件formValidator使用方法
2016/04/01 Javascript
jQuery选择器总结之常用元素查找方法
2016/08/04 Javascript
AngularJS Ajax详解及示例代码
2016/08/17 Javascript
微信小程序 MINA文件结构
2016/10/17 Javascript
js 颜色选择插件
2017/01/23 Javascript
JS查找字符串中出现最多的字符及个数统计
2017/02/04 Javascript
canvas雪花效果核心代码分享
2017/02/19 Javascript
JavaScript实现替换字符串中最后一个字符的方法
2017/03/07 Javascript
实现两个文本框同时输入的实例
2017/09/25 Javascript
Vue 动态设置路由参数的案例分析
2018/04/24 Javascript
详解vue.js根据不同环境(正式、测试)打包到不同目录
2018/07/13 Javascript
[07:08]2014DOTA2西雅图国际邀请赛 小组赛7月11日TOPPLAY
2014/07/11 DOTA
Python 中urls.py:URL dispatcher(路由配置文件)详解
2017/03/24 Python
python下载图片实现方法(超简单)
2017/07/21 Python
简述:我为什么选择Python而不是Matlab和R语言
2017/11/14 Python
django1.11.1 models 数据库同步方法
2018/05/30 Python
pycharm编写spark程序,导入pyspark包的3中实现方法
2019/08/02 Python
Python操作Word批量生成合同的实现示例
2020/08/28 Python
利用CSS3的特性改变文本选中时的颜色
2013/09/11 HTML / CSS
美国折扣香水网站:The Perfume Spot
2020/12/12 全球购物
函授毕业生的自我鉴定
2013/11/26 职场文书
高级方案规划工程师岗位职责
2013/11/29 职场文书
后勤工作职责
2013/12/22 职场文书
致标枪运动员加油稿
2014/02/15 职场文书
简单租房协议书(范本)
2014/10/13 职场文书
教师党员整改措施
2014/10/24 职场文书
写景作文评语集锦
2014/12/25 职场文书
公司清洁工岗位职责
2015/04/15 职场文书
利用Selenium添加cookie实现自动登录的示例代码(fofa)
2021/05/08 Python