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 相关文章推荐
JavaScript 图片预览效果 推荐
Dec 22 Javascript
javascript动态添加表格数据行(ASP后台数据库保存例子)
May 08 Javascript
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
Feb 26 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
May 03 Javascript
javascript Promise简单学习使用方法小结
May 17 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
Oct 31 Javascript
AngularJS执行流程详解
Feb 17 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
Apr 22 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
May 02 Javascript
如何解决js函数防抖、节流出现的问题
Jun 17 Javascript
javascript随机变色实例代码
Oct 15 Javascript
JavaScript canvas实现文字时钟
Jan 10 Javascript
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 mysql_query执行超时(Fatal error: Maximum execution time …)
2013/07/03 PHP
用js实现下载远程文件并保存在本地的脚本
2008/05/06 Javascript
Js 弹出框口并返回值的两种常用方法
2010/12/30 Javascript
javascript数据结构与算法之检索算法
2015/04/04 Javascript
代码分析jQuery四种静态方法使用
2015/07/23 Javascript
js实现input框文字动态变换显示效果
2015/08/19 Javascript
利用JavaScript实现拖拽改变元素大小
2016/12/14 Javascript
微信小程序多音频播放进度条问题
2018/08/28 Javascript
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
2018/09/04 Javascript
更优雅的微信小程序骨架屏实现详解
2019/08/07 Javascript
对layui初始化列表的CheckBox属性详解
2019/09/13 Javascript
javascript网页随机点名实现过程解析
2019/10/15 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
2019/11/09 Javascript
jQuery实现动态操作table行
2020/11/23 jQuery
[55:35]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第二场 1月22日
2021/03/11 DOTA
Python 正则表达式操作指南
2009/05/04 Python
Windows下Anaconda的安装和简单使用方法
2018/01/04 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
Python多项式回归的实现方法
2019/03/11 Python
django解决订单并发问题【推荐】
2019/07/31 Python
python是否适合网页编程详解
2019/10/04 Python
如何给Python代码进行加密
2020/01/10 Python
python日期与时间戳的各种转换示例
2020/02/12 Python
python os模块常用的29种方法使用详解
2020/06/02 Python
opencv 图像轮廓的实现示例
2020/07/08 Python
基于CSS3实现的黑色个性导航菜单效果
2015/09/14 HTML / CSS
美国玩具公司:U.S.Toy
2018/05/19 全球购物
Topshop美国官网:英国快速时尚品牌
2019/05/16 全球购物
Three Graces London官网:英国奢侈品牌
2021/03/18 全球购物
个人优缺点自我评价
2014/01/27 职场文书
项目负责人岗位职责
2015/02/15 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书
成本低的5个创业项目:投资小、赚钱快
2019/08/20 职场文书
用Python selenium实现淘宝抢单机器人
2021/06/18 Python
MySQL 外键约束和表关系相关总结
2021/06/20 MySQL
Qt数据库应用之实现图片转pdf
2022/06/01 Java/Android