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 相关文章推荐
Jquery实战_读书笔记2 选择器
Jan 22 Javascript
javascript 常用功能总结
Mar 18 Javascript
js模仿jquery的写法示例代码
Jun 16 Javascript
Javascript冒泡排序算法详解
Dec 03 Javascript
jquery计算出left和top,让一个div水平垂直居中的简单实例
Jul 13 Javascript
JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
Aug 23 Javascript
JavaScript获取URL中参数querystring的方法详解
Oct 11 Javascript
详解多页应用 Webpack4 配置优化与踩坑记录
Oct 16 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
Apr 04 Javascript
vue设计一个倒计时秒杀的组件详解
Apr 06 Javascript
Vue.js中该如何自己维护路由跳转记录
May 19 Javascript
Ajax是什么?Ajax高级用法之Axios技术
Apr 21 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
星际争霸 Starcraft 秘技补丁
2020/03/14 星际争霸
php统计文章排行示例
2014/03/04 PHP
php curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
PHP+mysql防止SQL注入的方法小结
2019/04/27 PHP
PHP学习记录之常用的魔术常量详解
2019/12/12 PHP
这些年、我收集的JQuery代码小结
2012/08/01 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
2014/05/16 Javascript
node.js中的path.sep方法使用说明
2014/12/08 Javascript
理解jquery事件冒泡
2016/01/03 Javascript
js实现字符串和数组之间相互转换操作
2016/01/12 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
2016/08/01 Javascript
jQuery插件实现可输入和自动匹配的下拉框
2016/10/24 Javascript
使用DeviceOne实现微信小程序功能
2016/12/29 Javascript
js实现textarea限制输入字数
2017/02/13 Javascript
jQuery选择器之属性筛选选择器用法详解
2017/09/19 jQuery
python smtplib模块发送SSL/TLS安全邮件实例
2015/04/08 Python
Python中的多重装饰器
2015/04/11 Python
python3实现UDP协议的服务器和客户端
2017/06/14 Python
python实现多线程网页下载器
2018/04/15 Python
python实现K近邻回归,采用等权重和不等权重的方法
2019/01/23 Python
python 实现读取一个excel多个sheet表并合并的方法
2019/02/12 Python
Python读取YAML文件过程详解
2019/12/30 Python
台湾森森购物网:U-mall
2017/10/16 全球购物
美国领先的水果篮送货公司和新鲜水果供应商:The Fruit Company
2018/02/13 全球购物
可爱的童装和鞋子:Fabkids
2019/08/16 全球购物
培训心得体会
2013/12/29 职场文书
协议书的格式
2014/04/23 职场文书
如何撰写一封出色的求职信
2014/04/27 职场文书
常务副县长“四风”个人对照检查材料思想汇报
2014/10/02 职场文书
2014年营销工作总结
2014/11/22 职场文书
2015年乡镇党务公开工作总结
2015/05/19 职场文书
小人国观后感
2015/06/11 职场文书
公务员处分决定书
2015/06/25 职场文书
小学数学教学随笔
2015/08/14 职场文书
简单了解 MySQL 中相关的锁
2021/05/25 MySQL
Python制作春联的示例代码
2022/01/22 Python