编程 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高级程序设计读书笔记之八 Function类及闭包

Feb 27 Javascript

jquery-syntax动态语法着色示例代码

May 14 Javascript

javascript异步编程代码书写规范Promise学习笔记

Feb 11 Javascript

css如何让浮动元素水平居中

Aug 07 Javascript

JS+CSS实现的蓝色table选项卡效果

Oct 08 Javascript

深入解析JavaScript中的arguments对象

Jun 12 Javascript

jQuery命名空间与闭包用法示例

Jan 12 Javascript

纯原生js实现贪吃蛇游戏

Apr 16 Javascript

微信小程序监听手势滑动切换页面实例详解

Jun 15 Javascript

基于$.ajax()方法从服务器获取json数据的几种方式总结

Jan 31 Javascript

Material(包括Material Icon)在Angular2中的使用详解

Feb 11 Javascript

微信小程序网络层封装的实现（promise, 登录锁）

May 08 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

修改Zend引擎实现PHP源码加密的原理及实践

2008/04/14 PHP

ThinkPHP模板替换与系统常量及应用实例教程

2014/08/22 PHP

PHP设置images目录不充许http访问的方法

2016/11/01 PHP

简单谈谈 php 文件锁

2017/02/19 PHP

Nigma vs Alliance BO5 第三场2.14

2021/03/10 DOTA

div层的移动及性能优化

2010/11/16 Javascript

JQuery获取各种宽度、高度(format函数)实例

2013/03/04 Javascript

jQuery 中$(this).index与$.each的使用指南

2014/11/20 Javascript

JS+CSS模拟可以无刷新显示内容的留言板实例

2015/03/03 Javascript

JavaScript控制图片加载完成后调用回调函数的方法

2015/03/20 Javascript

jQuery实现弹出窗口中切换登录与注册表单

2015/06/05 Javascript

Jquery跨浏览器文本复制插件Zero Clipboard的使用方法

2016/02/28 Javascript

JS回调函数基本定义与用法实例分析

2017/05/24 Javascript

jQuery中常用动画效果函数知识点整理

2018/08/19 jQuery

javascript设计模式 ? 原型模式原理与应用实例分析

2020/04/10 Javascript

[05:02][DOTA2]DOTA进化论第一期

2013/09/27 DOTA

python二分法实现实例

2013/11/21 Python

Python基于identicon库创建类似Github上用的头像功能

2017/09/25 Python

详解Python 协程的详细用法使用和例子

2018/06/15 Python

Numpy截取指定范围内的数据方法

2018/11/14 Python

Django项目使用CircleCI的方法示例

2019/07/14 Python

手机使用python操作图片文件(pydroid3)过程详解

2019/09/25 Python

Python实现数值积分方式

2019/11/20 Python

为什么说python更适合树莓派编程

2020/07/20 Python

如何使用scrapy中的ItemLoader提取数据

2020/09/30 Python

Python中的面向接口编程示例详解

2021/01/17 Python

css3 条纹化和透明化表格Firefox下测试成功

2014/04/15 HTML / CSS

CSS3制作彩色进度条样式的代码示例分享

2016/06/23 HTML / CSS

匈牙利墨盒和碳粉购买网站：CDRmarket

2018/04/14 全球购物

Molton Brown美国官网：奢华美容、香水、沐浴和身体护理

2020/09/02 全球购物

仓库门卫岗位职责

2013/12/22 职场文书

医院检讨书范文

2014/02/01 职场文书

剪彩仪式主持词

2014/03/19 职场文书

企业安全生产承诺书

2014/05/22 职场文书

学前班幼儿评语大全

2014/12/29 职场文书

2016护理专业求职自荐书

2016/01/28 职场文书