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

XHTML-Strict 内允许出现的标签

Dec 11 Javascript

User Scripts: Video Download by User Scripts

May 14 Javascript

jQuery 方法大全方便学习参考

Feb 25 Javascript

div层的移动及性能优化

Nov 16 Javascript

javascript实现tabs选项卡切换效果(扩展版)

Mar 19 Javascript

jQuery树形控件zTree使用小结

Aug 02 Javascript

Vue.js tab实现选项卡切换

May 16 Javascript

使用 Node.js 模拟滑动拼图验证码操作的示例代码

Nov 02 Javascript

AngularJS实现的根据数量与单价计算总价功能示例

Dec 26 Javascript

vue 左滑删除功能的示例代码

Jan 28 Javascript

刷新页面后让控制台的js代码继续执行

Sep 20 Javascript

jQuery实现手风琴特效

Jan 11 jQuery

原生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

php curl的深入解析

2013/06/02 PHP

PHP strip_tags()去除HTML、XML以及PHP的标签介绍

2014/02/18 PHP

php中的动态调用实例分析

2015/01/07 PHP

JavaScript判断两种格式的输入日期的正确性的代码

2007/03/25 Javascript

jquery.lazyload 实现图片延迟加载jquery插件

2010/02/06 Javascript

使用jQuery内容过滤选择器选择元素实例讲解

2013/04/18 Javascript

ExtJS判断IE浏览器类型的方法

2014/02/10 Javascript

jQuery简单实现图片预加载

2015/04/20 Javascript

JavaScript基础篇（3)之Object、Function等引用类型

2015/11/30 Javascript

jQuery控制frames及frame页面JS的方法

2016/03/08 Javascript

jQuery+CSS实现一个侧滑导航菜单代码

2016/05/09 Javascript

javaScript事件机制兼容【详细整理】

2016/07/23 Javascript

js实现九宫格拼图小游戏

2017/02/13 Javascript

JavaScript中的return布尔值的用法和原理解析

2017/08/14 Javascript

微信小程序与webview交互实现支付功能

2019/06/07 Javascript

通过Nodejs搭建网站简单实现注册登录流程

2019/06/14 NodeJs

浅析JS中NEW的实现原理及重写

2020/02/20 Javascript

js实现鼠标滑动到某个div禁止滚动

2020/09/17 Javascript

Python 文件操作技巧(File operation) 实例代码分析

2008/08/11 Python

python杀死一个线程的方法

2015/09/06 Python

python 写的一个爬虫程序源码

2016/02/28 Python

python使用flask与js进行前后台交互的例子

2019/07/19 Python

flask 实现上传图片并缩放作为头像的例子

2020/01/09 Python

Python PyPDF2模块安装使用解析

2020/01/19 Python

Python多线程实现支付模拟请求过程解析

2020/04/21 Python

python把一个字符串切开的实例方法

2020/09/27 Python

个人廉洁自律总结

2015/03/06 职场文书

2015年扫黄打非工作总结

2015/05/13 职场文书

新学期开学标语2015

2015/07/16 职场文书

创业计划书之珠宝饰品

2019/08/26 职场文书

导游词之神仙居景区

2019/11/15 职场文书

少年的你：世界上没有如果，要在第一次就勇敢的反抗

2019/11/20 职场文书

MySQL 外键约束和表关系相关总结

2021/06/20 MySQL

JS 4个超级实用的小技巧提升开发效率

2021/10/05 Javascript

HTML页面点击按钮关闭页面的多种方式

2022/12/24 HTML / CSS