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

jquery创建一个ajax关键词数据搜索实现思路

Feb 26 Javascript

用客户端js实现带省略号的分页

Apr 27 Javascript

浅析JS刷新框架中的其他页面 && JS刷新窗口方法汇总

Jul 08 Javascript

jQuery中:input选择器用法实例

Jan 03 Javascript

jQuery中prevAll()方法用法实例

Jan 08 Javascript

JS/Jquery判断对象为空的方法

Jun 11 Javascript

js实现搜索框关键字智能匹配代码

Mar 26 Javascript

Js 获取当前函数参数对象的实现代码

Jun 20 Javascript

功能强大的jquery.validate表单验证插件

Nov 07 Javascript

JS实现仿百度文库评分功能

Jan 12 Javascript

webstorm+vue初始化项目的方法

Oct 18 Javascript

node.js中stream流中可读流和可写流的实现与使用方法实例分析

Feb 13 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

如何删除多级目录

2006/10/09 PHP

分享一下贝贝成长进度的php代码

2012/09/14 PHP

php 指定范围内多个随机数代码实例

2016/07/18 PHP

总结PHP代码规范、流程规范、git规范

2018/06/18 PHP

php适配器模式简单应用示例

2019/10/23 PHP

js类中的公有变量和私有变量

2008/07/24 Javascript

JQuery判断子iframe何时加载完成解决方案

2013/08/20 Javascript

JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享

2014/04/11 Javascript

分享一款基于jQuery的视频播放插件

2014/10/09 Javascript

理解JavaScript中Promise的使用

2016/01/18 Javascript

jQuery弹层插件jquery.fancybox.js用法实例

2016/01/22 Javascript

EasyUI Combobox设置默认值获取text的方法

2016/11/28 Javascript

基于jQuery实现图片推拉门动画效果的两种方法

2017/08/26 jQuery

深入了解javascript 数组的sort方法

2018/06/01 Javascript

JavaScript常见鼠标事件与用法分析

2019/01/03 Javascript

11个教程中不常被提及的JavaScript小技巧（推荐）

2019/04/17 Javascript

javascript实现简易计算器功能

2020/09/23 Javascript

JavaScript 声明私有变量的两种方式

2021/02/05 Javascript

带你了解python装饰器

2017/06/15 Python

Python3 Random模块代码详解

2017/12/04 Python

详解Pandas之容易让人混淆的行选择和列选择

2019/07/10 Python

解决Atom安装Hydrogen无法运行python3的问题

2019/08/28 Python

Pytorch 实现计算分类器准确率(总分类及子分类)

2020/01/18 Python

Python3.7在anaconda里面使用IDLE编译器的步骤详解

2020/04/29 Python

css3绘制百度的小度熊

2018/10/29 HTML / CSS

css 省略号 css3让多余的字符串消失并附加省略号的实现代码

2013/02/07 HTML / CSS

CSS3 3D旋转rotate效果实例介绍

2016/05/03 HTML / CSS

英国电子产品购物网站：Tech in the basket

2019/11/08 全球购物

高中运动会入场词

2014/02/14 职场文书

会计专业自荐书

2014/07/08 职场文书

安全目标责任书

2014/07/22 职场文书

党员个人批评与自我批评

2014/10/14 职场文书

如何写一份成功的商业计划书

2019/06/25 职场文书

使用vuex-persistedstate本地存储vuex

2022/04/29 Vue.js

JS轻量级函数式编程实现XDM二

2022/06/16 Javascript

SQL语句中EXISTS的详细用法大全

2022/06/25 MySQL