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 相关文章推荐
jquery 查找iframe父级页面元素的实现代码
Aug 28 Javascript
js动态设置鼠标事件示例代码
Oct 30 Javascript
一个仿糯米弹框效果demo
Jul 22 Javascript
JavaScript代码复用模式详解
Nov 07 Javascript
使用JavaScript实现连续滚动字幕效果的方法
Jul 07 Javascript
javascript Slip.js实现整屏滑动的手机网页
Nov 25 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
Sep 05 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
Oct 26 Javascript
Ajax基础知识详解
Feb 17 Javascript
利用node.js搭建简单web服务器的方法教程
Feb 20 Javascript
谈谈VUE种methods watch和compute的区别和联系
Aug 01 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
Oct 23 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
根德YB400的电路分析
2021/03/02 无线电
如何使用Linux的Crontab定时执行PHP脚本的方法
2011/12/19 PHP
Yii配置文件用法详解
2014/12/04 PHP
php通过两层过滤获取留言内容的方法
2016/07/11 PHP
使用Laravel中的查询构造器实现增删改查功能
2019/09/03 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
表单项的name命名为submit、reset引起的问题
2007/12/22 Javascript
Web前端设计模式  制作漂亮的弹出层
2010/10/29 Javascript
重载toString实现JS HashMap分析
2011/03/13 Javascript
精心挑选的15个jQuery下拉菜单制作教程
2012/06/15 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
js输入框邮箱自动提示功能代码实现
2013/12/10 Javascript
Jquery插件easyUi表单验证提交(示例代码)
2013/12/30 Javascript
用JS在浏览器中创建下载文件
2014/03/05 Javascript
javascript学习笔记(二)数组和对象部分
2014/09/30 Javascript
JS在可编辑的div中的光标位置插入内容的方法
2014/11/20 Javascript
第八篇Bootstrap下拉菜单实例代码
2016/06/21 Javascript
浅谈js多维数组和hash数组定义和使用
2016/07/27 Javascript
微信小程序实现给嵌套template模板传递数据的方式总结
2017/12/18 Javascript
利用vue和element-ui设置表格内容分页的实例
2018/03/02 Javascript
微信小程序网络请求实现过程解析
2019/11/06 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
2019/11/14 Javascript
详解关于Vue单元测试的几个坑
2020/04/26 Javascript
单线程JavaScript实现异步过程详解
2020/05/19 Javascript
js实现直播点击飘心效果
2020/08/19 Javascript
利用Python将每日一句定时推送至微信的实现方法
2018/08/13 Python
selenium+python自动化测试之页面元素定位
2019/01/23 Python
Python ini文件常用操作方法解析
2020/04/26 Python
python cv2.resize函数high和width注意事项说明
2020/07/05 Python
专业毕业生个性的自我评价
2013/10/03 职场文书
高校辅导员推荐信范文
2013/12/25 职场文书
新年晚会主持词
2014/03/24 职场文书
小学班主任培训方案
2014/06/04 职场文书
人力资源本科毕业生求职信
2014/06/04 职场文书
mongoDB数据库索引快速入门指南
2022/03/23 MongoDB
解决Mysql报错 Table 'mysql.user' doesn't exist
2022/05/06 MySQL