编程 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操作cookie方法实例教程

Nov 25 Javascript

JS中获取函数调用链所有参数的方法

May 07 Javascript

JS实现仿Windows7风格的网页右键菜单效果代码

Sep 11 Javascript

jquery Deferred 快速解决异步回调的问题

Apr 05 Javascript

jQuery删除节点用法示例(remove方法)

Sep 08 Javascript

Webpack执行命令参数详解

Jun 17 Javascript

vue-router 路由基础的详解

Oct 17 Javascript

修改vue源码实现动态路由缓存的方法

Jan 21 Javascript

React中Ref 的使用方法详解

Apr 28 Javascript

vue+iview框架实现左侧动态菜单功能的示例代码

Jul 23 Javascript

vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)

Mar 01 Vue.js

vue 把二维或多维数组转一维数组

Apr 24 Vue.js

原生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分页显示制作详细讲解

2008/11/19 PHP

基于preg_match_all采集后数据处理的一点心得笔记(编码转换和正则匹配)

2014/01/31 PHP

thinkPHP下ueditor的使用方法详解

2015/12/26 PHP

PHP实现链式操作的三种方法详解

2017/11/16 PHP

在云虚拟主机部署thinkphp5项目的步骤详解

2017/12/21 PHP

JS Array对象入门分析

2008/10/30 Javascript

Array的push与unshift方法性能比较分析

2011/03/05 Javascript

基于jquery的二级联动菜单实现代码

2011/04/25 Javascript

javaScript使用EL表达式的几种方式

2014/05/27 Javascript

JavaScript中的lastIndexOf()方法使用详解

2015/06/06 Javascript

基于jquery实现下拉框美化特效

2016/02/02 Javascript

Angular发布1.5正式版，专注于向Angular 2的过渡

2016/02/18 Javascript

基于LayUI分页和LayUI laypage分页的使用示例

2017/08/02 Javascript

Vue.js标签页组件使用方法详解

2019/10/19 Javascript

pydev使用wxpython找不到路径的解决方法

2013/02/10 Python

Python实现批量下载文件

2015/05/17 Python

Numpy数据类型转换astype,dtype的方法

2018/06/09 Python

django数据库自动重连的方法实例

2019/07/21 Python

Python搭建代理IP池实现接口设置与整体调度

2019/10/27 Python

python manage.py runserver流程解析

2019/11/08 Python

Pytorch 的损失函数Loss function使用详解

2020/01/02 Python

在Ubuntu 20.04中安装Pycharm 2020.1的图文教程

2020/04/30 Python

如何在python中执行另一个py文件

2020/04/30 Python

使用jupyter notebook运行python和R的步骤

2020/08/13 Python

解决Ubuntu18中的pycharm不能调用tensorflow-gpu的问题

2020/09/17 Python

h5移动端调用支付宝、微信支付的实现

2020/06/08 HTML / CSS

Super-Pharm波兰：药房和香水在一个地方

2020/08/18 全球购物

喜之郎果冻广告词

2014/03/20 职场文书

转让协议书范本

2014/04/15 职场文书

祖国在我心中演讲稿600字

2014/05/04 职场文书

应届大专生求职信

2014/06/26 职场文书

专业见习报告范文

2014/11/03 职场文书

幼儿园教学工作总结2015

2015/05/12 职场文书

傅雷家书读书笔记

2015/06/29 职场文书

2016年共产党员个人承诺书

2016/03/24 职场文书

详解vue中v-for的key唯一性

2021/05/15 Vue.js