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

js日期、星座的级联显示代码

Jan 23 Javascript

jquery检测input checked 控件是否被选中的方法

Mar 26 Javascript

你所未知的3种Node.js代码优化方式

Feb 25 Javascript

jQuery实现下拉框多选 jquery-multiselect 的实例代码

Jul 14 Javascript

AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】

Nov 03 Javascript

基于vue实现分页/翻页组件paginator示例

Mar 09 Javascript

ES6新特性一： let和const命令详解

Apr 20 Javascript

深入浅析Vue不同场景下组件间的数据交流

Aug 15 Javascript

jQuery滑动效果实现方法分析

Sep 05 jQuery

了解javascript中let和var及const关键字的区别

May 24 Javascript

浅谈layui里的上传控件问题

Sep 26 Javascript

解决三元运算符报错“SyntaxError: can''t assign to conditional expression”

Feb 12 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和MySql来与ODBC数据连接

2006/10/09 PHP

php&mysql 日期操作小记

2012/02/27 PHP

thinkphp3.0 模板中函数的使用

2012/11/13 PHP

IIS安装Apache伪静态插件的具体操作图文

2013/07/01 PHP

php获得url参数中具有&的值的方法

2014/03/05 PHP

IOS 开发之NSDictionary转换成JSON字符串

2017/08/14 PHP

jquery获取当前元素索引值用法实例

2015/06/10 Javascript

用NodeJS实现批量查询地理位置的经纬度接口

2016/08/16 NodeJs

JavaScript 判断一个对象{}是否为空对象的简单方法

2016/10/09 Javascript

微信小程序 Nginx环境配置详细介绍

2017/02/14 Javascript

node通过npm写一个cli命令行工具

2017/10/12 Javascript

JavaScript实现区块链

2018/03/14 Javascript

Vue利用History记录上一页面的数据方法实例

2018/11/02 Javascript

python进阶教程之动态类型详解

2014/08/30 Python

使用Python编写简单的端口扫描器的实例分享

2015/12/18 Python

Scrapy的简单使用教程

2017/10/24 Python

python Flask实现restful api service

2017/12/04 Python

Python爬虫实现抓取京东店铺信息及下载图片功能示例

2018/08/07 Python

深入理解python中sort()与sorted()的区别

2018/08/29 Python

Python做智能家居温湿度报警系统

2018/09/25 Python

CentOS6.9 Python环境配置（python2.7、pip、virtualenv）

2019/05/06 Python

python中dict()的高级用法实现

2019/11/13 Python

Python获取统计自己的qq群成员信息的方法

2019/11/15 Python

Python嵌入C/C++进行开发详解

2020/06/09 Python

Python+OpenCV图像处理——实现轮廓发现

2020/10/23 Python

美国购物网站：Clickhere2shop

2021/01/28 全球购物

与UNIX有关的几个名词

2015/09/17 面试题

2013年学期结束动员演讲稿

2014/01/07 职场文书

九年级数学教学反思

2014/02/02 职场文书

股指期货心得体会

2014/09/10 职场文书

村干部四风问题整改措施

2014/09/30 职场文书

党的群众路线教育实践活动党员个人整改措施

2014/10/27 职场文书

大学生实训报告总结

2014/11/05 职场文书

校长师德表现自我评价

2015/03/04 职场文书

主持人大赛开场白

2015/05/29 职场文书

2015年大学迎新工作总结

2015/07/16 职场文书