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

javascript学习笔记(十) js对象继承

Jun 19 Javascript

JavaScript中window、doucment、body的解释

Aug 14 Javascript

jquery无刷新验证邮箱地址实现实例

Feb 19 Javascript

javascript事件委托的方式绑定详解

Jun 10 Javascript

移除AngularJS下URL中的#字符的方法

Jun 19 Javascript

jQuery 判断图片是否加载完成方法汇总

Aug 10 Javascript

以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题

Nov 13 Javascript

js为什么不能正确处理小数运算？

Dec 29 Javascript

jQuery toggle 代替方法

Mar 22 Javascript

解决node修改后需频繁手动重启的问题

May 13 Javascript

利用Decorator如何控制Koa路由详解

Jun 26 Javascript

一文秒懂JavaScript构造函数、实例、原型对象以及原型链

Aug 25 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 CURL获取邮箱地址的详解

2013/06/03 PHP

php中AES加密解密的例子小结

2014/02/18 PHP

php无限极分类递归排序实现方法

2014/11/11 PHP

基于PHPexecl类生成复杂的报表表头示例

2016/10/14 PHP

页面版文本框智能提示JS代码

2009/11/20 Javascript

Jquery上传插件 uploadify v3.1使用说明

2012/06/18 Javascript

jquery中常用的函数和属性详细解析

2014/03/07 Javascript

获取当前点击按钮的id用this.id实现

2014/03/17 Javascript

JS弹出对话框实现方法(三种方式)

2015/12/18 Javascript

高效利用Angular中内置服务$http、$location等

2016/03/22 Javascript

JavaScript reduce和reduceRight详解

2016/10/24 Javascript

使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)

2016/11/12 Javascript

jQuery+CSS实现的table表格行列转置功能示例

2018/01/08 jQuery

使用react实现手机号的数据同步显示功能的示例代码

2018/04/03 Javascript

vue-cli3.0 特性解读

2018/04/22 Javascript

vue 实现边输入边搜索功能的实例讲解

2018/09/16 Javascript

微信小程序如何使用云开发

2019/05/17 Javascript

Layui 动态禁止select下拉的例子

2019/09/03 Javascript

layui 弹出层值回传解决方式

2019/11/14 Javascript

JS实现简易贪吃蛇游戏

2020/08/24 Javascript

python操作mongodb根据_id查询数据的实现方法

2015/05/20 Python

python实现聊天小程序

2018/03/13 Python

Django学习笔记之ORM基础教程

2018/03/27 Python

python 获取当天凌晨零点的时间戳方法

2018/05/22 Python

利用python如何在前程无忧高效投递简历

2019/05/07 Python

python 如何读、写、解析CSV文件

2021/03/03 Python

Fashion Eyewear美国：英国线上设计师眼镜和太阳镜的零售商

2016/08/15 全球购物

Max&Co官网：意大利年轻女性时尚品牌

2017/05/16 全球购物

个人应聘自我评价分享

2013/11/18 职场文书

高中历史教学反思

2014/02/08 职场文书

消防安全员岗位职责

2014/03/10 职场文书

教师应聘自荐信范文

2014/03/14 职场文书

初中英语课后反思

2014/04/25 职场文书

小学中等生评语

2014/12/29 职场文书

英文道歉信

2015/01/20 职场文书

python 中yaml文件用法大全

2021/07/04 Python