编程 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实现ASP分页函数 HTML分页函数

Sep 22 Javascript

jquery插件之easing使用

Aug 19 Javascript

jQuery EasyUI API 中文文档 - Tree树使用介绍

Nov 19 Javascript

jquery easyui滚动条部分设置介绍

Sep 12 Javascript

js中回调函数的学习笔记

Jul 31 Javascript

JavaScript判断用户是否对表单进行了修改的方法

Mar 18 Javascript

Bootstrap基本模板的使用和理解1

Dec 14 Javascript

详解js几个绕不开的事件兼容写法

Aug 30 Javascript

js HTML5 canvas绘制图片的方法

Sep 08 Javascript

js replace 全局替换的操作方法

Jun 12 Javascript

详解使用React.memo()来优化函数组件的性能

Mar 19 Javascript

在JavaScript中查找字符串中最长单词的三种方法(推荐)

Jan 18 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

ThinkPHP中处理表单中的注意事项

2014/11/22 PHP

php中array_multisort对多维数组排序的方法

2020/06/21 PHP

PHP格式化MYSQL返回float类型的方法

2016/03/30 PHP

PHP7 mongoDB扩展使用的方法分享

2019/05/02 PHP

常用的JavaScript验证正则表达式汇总

2013/11/26 Javascript

JavaScript Math.ceil() 函数使用介绍

2013/12/11 Javascript

javascript:void(0)的问题使用探讨

2014/04/10 Javascript

jQuery学习笔记之jQuery+CSS3的浏览器兼容性

2015/01/19 Javascript

JS简单模拟触发按钮点击功能的方法

2015/11/30 Javascript

JavaScript函数柯里化详解

2016/04/29 Javascript

JS实现关闭当前页而不弹出提示框的方法

2016/06/22 Javascript

详解jQuery停止动画——stop()方法的使用

2016/12/14 Javascript

JScript实现表格的简单操作

2017/08/15 Javascript

Javascript中JSON数据分组优化实践及JS操作JSON总结

2017/12/22 Javascript

使用rollup打包JS的方法步骤

2018/12/05 Javascript

产制造追溯系统之通过微信小程序实现移动端报表平台

2019/06/03 Javascript

微信小程序封装多张图片上传api代码实例

2019/12/30 Javascript

web.py中调用文件夹内模板的方法

2014/08/26 Python

Python中的descriptor描述器简明使用指南

2016/06/02 Python

python中实现指定时间调用函数示例代码

2017/09/08 Python

Django使用Celery加redis执行异步任务的实例内容

2020/02/20 Python

浅谈TensorFlow之稀疏张量表示

2020/06/30 Python

Html5新增标签有哪些

2017/04/13 HTML / CSS

马来西亚网上购物：Youbeli

2018/03/30 全球购物

产品推广策划方案

2014/05/10 职场文书

房地产资料员岗位职责

2014/07/02 职场文书

教师工作失职检讨书

2014/09/18 职场文书

公安机关正风肃纪剖析材料

2014/10/10 职场文书

工作批评与自我批评范文

2014/10/16 职场文书

课外活动实习计划

2015/01/19 职场文书

学校食品安全责任书

2015/01/29 职场文书

2015年医院护理部工作总结

2015/04/23 职场文书

青春雷锋观后感

2015/06/10 职场文书

2016春季校长开学典礼致辞

2015/11/26 职场文书

vue完美实现el-table列宽自适应

2021/05/08 Vue.js

Python上下文管理器Content Manager

2021/06/26 Python