编程 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 查找iframe父级页面元素的实现代码

Aug 28 Javascript

js动态设置鼠标事件示例代码

Oct 30 Javascript

一个仿糯米弹框效果demo

Jul 22 Javascript

JavaScript代码复用模式详解

Nov 07 Javascript

使用JavaScript实现连续滚动字幕效果的方法

Jul 07 Javascript

javascript Slip.js实现整屏滑动的手机网页

Nov 25 Javascript

jQuery实现侧浮窗与中浮窗切换效果的方法

Sep 05 Javascript

浅谈jquery之on()绑定事件和off()解除绑定事件

Oct 26 Javascript

Ajax基础知识详解

Feb 17 Javascript

利用node.js搭建简单web服务器的方法教程

Feb 20 Javascript

谈谈VUE种methods watch和compute的区别和联系

Aug 01 Javascript

浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】

Oct 23 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

根德YB400的电路分析

2021/03/02 无线电

如何使用Linux的Crontab定时执行PHP脚本的方法

2011/12/19 PHP

Yii配置文件用法详解

2014/12/04 PHP

php通过两层过滤获取留言内容的方法

2016/07/11 PHP

使用Laravel中的查询构造器实现增删改查功能

2019/09/03 PHP

laravel框架中表单请求类型和CSRF防护实例分析

2019/11/23 PHP

表单项的name命名为submit、reset引起的问题

2007/12/22 Javascript

Web前端设计模式制作漂亮的弹出层

2010/10/29 Javascript

重载toString实现JS HashMap分析

2011/03/13 Javascript

精心挑选的15个jQuery下拉菜单制作教程

2012/06/15 Javascript

你必须知道的JavaScript 中字符串连接的性能的一些问题

2013/05/07 Javascript

js输入框邮箱自动提示功能代码实现

2013/12/10 Javascript

Jquery插件easyUi表单验证提交(示例代码)

2013/12/30 Javascript

用JS在浏览器中创建下载文件

2014/03/05 Javascript

javascript学习笔记（二）数组和对象部分

2014/09/30 Javascript

JS在可编辑的div中的光标位置插入内容的方法

2014/11/20 Javascript

第八篇Bootstrap下拉菜单实例代码

2016/06/21 Javascript

浅谈js多维数组和hash数组定义和使用

2016/07/27 Javascript

微信小程序实现给嵌套template模板传递数据的方式总结

2017/12/18 Javascript

利用vue和element-ui设置表格内容分页的实例

2018/03/02 Javascript

微信小程序网络请求实现过程解析

2019/11/06 Javascript

解决vue语法会有延迟加载显现{{xxx}}的问题

2019/11/14 Javascript

详解关于Vue单元测试的几个坑

2020/04/26 Javascript

单线程JavaScript实现异步过程详解

2020/05/19 Javascript

js实现直播点击飘心效果

2020/08/19 Javascript

利用Python将每日一句定时推送至微信的实现方法

2018/08/13 Python

selenium+python自动化测试之页面元素定位

2019/01/23 Python

Python ini文件常用操作方法解析

2020/04/26 Python

python cv2.resize函数high和width注意事项说明

2020/07/05 Python

专业毕业生个性的自我评价

2013/10/03 职场文书

高校辅导员推荐信范文

2013/12/25 职场文书

新年晚会主持词

2014/03/24 职场文书

小学班主任培训方案

2014/06/04 职场文书

人力资源本科毕业生求职信

2014/06/04 职场文书

mongoDB数据库索引快速入门指南

2022/03/23 MongoDB

解决Mysql报错 Table 'mysql.user' doesn't exist

2022/05/06 MySQL