js注意img图片的onerror事件的分析


Posted in Javascript onJanuary 01, 2011

经过分析,发现网页中存在类似如下的代码:

<img src="pic.gif" onerror="javascript:this.src='/noPic.gif';" alt="pic" />
分析:特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。但问题来了,如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。

说明:如果图片存在,但网络很不通畅,也可能触发 onerror。

解决方法:

第一种::.去掉 onerror 代码;或者更改 onerror 代码为其它;或者确保 onerror 中的图片足够小,并且存在。

第二种:

<script type="text/javascript"> 
<!? 
function nofind(){ 
var img=event.srcElement; 
img.src="../../../sys/common/image/fileoperation/icon/default.gif"; 
img.onerror=null; 控制不要一直跳动 
} 
//?> 
</script> 
<td align="center"><img src="../../../sys/common/image/fileoperation/icon/${file.suffix }.gif" onerror="nofind();" />${file.name }</td>
Javascript 相关文章推荐
关于跨站脚本攻击问题
Dec 22 Javascript
常见表单重复提交问题整理及解决方法
Nov 13 Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
Feb 19 Javascript
Javascript中的方法和匿名方法实例详解
Jun 13 Javascript
js运动应用实例解析
Dec 28 Javascript
Javascript实现苹果悬浮虚拟按钮
Apr 10 Javascript
基于Bootstrap3表格插件和分页插件实例详解
May 17 Javascript
JavaScript作用域示例详解
Jul 07 Javascript
js与jQuery实现获取table中的数据并拼成json字符串操作示例
Jul 12 jQuery
vue集成kindeditor富文本的实现示例代码
Jun 07 Javascript
详解element-ui中el-select的默认选择项问题
Aug 02 Javascript
Vue实现随机验证码功能
Dec 29 Vue.js
JavaScript 计算图片加载数量的代码
Jan 01 #Javascript
jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法
Jan 01 #Javascript
基于jQuery架构javascript基础体系
Jan 01 #Javascript
jQuery技巧总结
Jan 01 #Javascript
js中查找最近的共有祖先元素的实现代码
Dec 30 #Javascript
Js 弹出框口并返回值的两种常用方法
Dec 30 #Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
Dec 30 #Javascript
You might like
php session_start()关于Cannot send session cache limiter - headers already sent错误解决方法
2009/11/27 PHP
PHP CURL模拟GET及POST函数代码
2010/04/25 PHP
php数组函数序列 之shuffle()和array_rand() 随机函数使用介绍
2011/10/29 PHP
PHP函数学习之PHP函数点评
2012/07/05 PHP
Aster vs KG BO3 第二场2.18
2021/03/10 DOTA
javascript中对对层的控制
2006/12/29 Javascript
jQuery学习笔记之jQuery选择器的使用
2010/12/22 Javascript
基于jquery的滚动条滚动固定div(附演示下载)
2012/10/29 Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
2015/03/23 Javascript
javascript自定义in_array()函数实现方法
2015/08/03 Javascript
jQuery支持添加事件的日历特效代码分享(3种样式)
2015/08/24 Javascript
js精美的幻灯片画集特效代码分享
2015/08/29 Javascript
JS实现仿微博可关闭弹出层效果
2015/09/21 Javascript
jQuery Plupload上传插件的使用
2017/04/19 jQuery
dropload.js插件下拉刷新和上拉加载使用详解
2017/10/20 Javascript
微信小程序之圆形进度条实现思路
2018/02/22 Javascript
vue-cli初始化项目中使用less的方法
2018/08/09 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
2019/08/02 Javascript
用JS实现选项卡
2020/03/23 Javascript
[03:16]DOTA2完美大师赛主赛事首日集锦
2017/11/23 DOTA
[53:10]Secret vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python实现在Linux系统下更改当前进程运行用户
2015/02/04 Python
Python fileinput模块使用实例
2015/06/03 Python
简单讲解Python中的数字类型及基本的数学计算
2016/03/11 Python
python逆向入门教程
2018/01/15 Python
python字符串和常用数据结构知识总结
2019/05/21 Python
详解Django定时任务模块设计与实践
2019/07/24 Python
Windows下pycharm创建Django 项目(虚拟环境)过程解析
2019/09/16 Python
tensorflow实现测试时读取任意指定的check point的网络参数
2020/01/21 Python
解决Python import .pyd 可能遇到路径的问题
2021/03/04 Python
UGG雪地靴德国官网:UGG德国
2016/11/19 全球购物
世界上最大的艺术和工艺用品商店:MisterArt.com
2018/07/13 全球购物
荷兰音乐会和音乐剧门票订购网站:Topticketshop
2019/08/27 全球购物
函授本科毕业自我鉴定
2013/10/09 职场文书
关于爱情的广播稿
2014/01/16 职场文书
学者《孟子》名人名言
2019/08/09 职场文书