编程 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+Flash实现访问剪切板操作

Nov 20 Javascript

网站如何做到完全不需要jQuery也可以满足简单需求

Jun 27 Javascript

JavaScript中用getDate()方法返回指定日期的教程

Jun 09 Javascript

JS实现IE状态栏文字缩放效果代码

Oct 24 Javascript

分享纯手写漂亮的表单验证

Nov 19 Javascript

动态加载js文件简单示例

Apr 21 Javascript

极力推荐10个短小实用的JavaScript代码段

Aug 03 Javascript

有关suggest快速删除后仍然出现下拉列表的bug问题

Dec 02 Javascript

vue.js利用Object.defineProperty实现双向绑定

Mar 09 Javascript

React Native如何消除启动时白屏的方法

Aug 08 Javascript

浅谈Vuex注入Vue生命周期的过程

May 20 Javascript

解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题

Dec 04 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

WINDOWS下php5.2.4+mysql6.0+apache2.2.4+ZendOptimizer-3.3.0配置

2008/03/28 PHP

PHP swfupload图片上传的实例代码

2013/09/30 PHP

php中使用PHPExcel读写excel(xls)文件的方法

2014/09/15 PHP

php使用Cookie控制访问授权的方法

2015/01/21 PHP

php实现四舍五入的方法小结

2015/03/03 PHP

Thinkphp5框架使用validate实现验证功能的方法

2019/08/27 PHP

js 禁止选择功能实现代码(兼容IE/Firefox)

2010/04/23 Javascript

从零开始学习jQuery (三) 管理jQuery包装集

2011/02/23 Javascript

JQuery入门——用one()方法绑定事件处理函数(仅触发一次)

2013/02/05 Javascript

javascript中字符串的定义示例代码

2013/12/19 Javascript

浅析Javascript中“==”与“===”的区别

2014/12/23 Javascript

JavaScript实现的简单拖拽效果

2015/06/01 Javascript

jQuery UI设置固定日期选择特效代码分享

2015/08/27 Javascript

jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)

2016/03/05 Javascript

EasyUi中的Combogrid 实现分页和动态搜索远程数据

2016/04/01 Javascript

js获取form表单所有数据的简单方法

2016/08/18 Javascript

详解nodejs异步I/O和事件循环

2017/06/07 NodeJs

利用node.js如何创建子进程详解

2017/12/09 Javascript

Vue数据双向绑定原理及简单实现方法

2018/05/18 Javascript

浅谈在Vue.js中如何实现时间转换指令

2019/01/06 Javascript

vue项目中使用scss的方法步骤

2019/05/16 Javascript

微信公众号生成新浪短网址的实现(快速生成)

2019/08/18 Javascript

vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作

2020/11/16 Javascript

python开发之函数定义实例分析

2015/11/12 Python

python 类详解及简单实例

2017/03/24 Python

Python实现获取前100组勾股数的方法示例

2018/05/04 Python

python实现指定文件夹下的指定文件移动到指定位置

2018/09/17 Python

如何基于python对接钉钉并获取access_token

2020/04/21 Python

python 逆向爬虫正确调用 JAR 加密逻辑

2021/01/12 Python

一款html5 canvas实现的图片玻璃碎片特效

2014/09/11 HTML / CSS

意大利中国电子产品购物网站：Geekmall.com

2019/09/30 全球购物

在c#中using和new这两个关键字有什么意义

2013/05/19 面试题

办理信用卡工作证明

2014/09/30 职场文书

护士自我推荐信范文

2015/03/24 职场文书

百万英镑观后感

2015/06/09 职场文书

2016教师校本培训心得体会

2016/01/08 职场文书