编程 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获取QueryString的方法小结

Feb 28 Javascript

《JavaScript高级程序设计》阅读笔记（一） ECMAScript基础

Feb 27 Javascript

自己使用js/jquery写的一个定制对话框控件

May 02 Javascript

微信小程序使用腾讯地图SDK详解及实现步骤

Feb 28 Javascript

详解AngularJS1.6版本中ui-router路由中/#!/的解决方法

May 22 Javascript

JS HTML图片显示Canvas 压缩功能

Jul 21 Javascript

详解vue 项目白屏解决方案

Oct 31 Javascript

Nginx设置为Node.js的前端服务器方法总结

Mar 27 Javascript

vue中input的v-model清空操作

Sep 06 Javascript

jQuery实现计算器功能

Oct 19 jQuery

vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件

Feb 20 Vue.js

关于React Native 无法链接模拟器的问题

Jun 21 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数据过滤的方法

2013/10/30 PHP

ThinkPHP实现事务回滚示例代码

2014/06/23 PHP

PHP针对JSON操作实例分析

2015/01/12 PHP

JQuery 学习技巧总结

2010/05/21 Javascript

JavaScript中“+”的陷阱深刻理解

2012/12/04 Javascript

JS 实现获取打开一个界面中输入的值

2013/03/19 Javascript

JavaScript使用循环和分割来替换和删除元素实例

2014/10/13 Javascript

jquery表单验证插件formValidator使用方法

2016/04/01 Javascript

jQuery选择器总结之常用元素查找方法

2016/08/04 Javascript

AngularJS Ajax详解及示例代码

2016/08/17 Javascript

微信小程序 MINA文件结构

2016/10/17 Javascript

js 颜色选择插件

2017/01/23 Javascript

JS查找字符串中出现最多的字符及个数统计

2017/02/04 Javascript

canvas雪花效果核心代码分享

2017/02/19 Javascript

JavaScript实现替换字符串中最后一个字符的方法

2017/03/07 Javascript

实现两个文本框同时输入的实例

2017/09/25 Javascript

Vue 动态设置路由参数的案例分析

2018/04/24 Javascript

详解vue.js根据不同环境(正式、测试)打包到不同目录

2018/07/13 Javascript

[07:08]2014DOTA2西雅图国际邀请赛小组赛7月11日TOPPLAY

2014/07/11 DOTA

Python 中urls.py:URL dispatcher（路由配置文件）详解

2017/03/24 Python

python下载图片实现方法(超简单)

2017/07/21 Python

简述：我为什么选择Python而不是Matlab和R语言

2017/11/14 Python

django1.11.1 models 数据库同步方法

2018/05/30 Python

pycharm编写spark程序，导入pyspark包的3中实现方法

2019/08/02 Python

Python操作Word批量生成合同的实现示例

2020/08/28 Python

利用CSS3的特性改变文本选中时的颜色

2013/09/11 HTML / CSS

美国折扣香水网站：The Perfume Spot

2020/12/12 全球购物

函授毕业生的自我鉴定

2013/11/26 职场文书

高级方案规划工程师岗位职责

2013/11/29 职场文书

后勤工作职责

2013/12/22 职场文书

致标枪运动员加油稿

2014/02/15 职场文书

简单租房协议书（范本）

2014/10/13 职场文书

教师党员整改措施

2014/10/24 职场文书

写景作文评语集锦

2014/12/25 职场文书

公司清洁工岗位职责

2015/04/15 职场文书

利用Selenium添加cookie实现自动登录的示例代码(fofa)

2021/05/08 Python