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在IE或Firefox下获取鼠标位置的代码
Dec 18 Javascript
JavaScript 设计模式 安全沙箱模式
Sep 24 Javascript
javascript调试之DOM断点调试法使用技巧分享
Apr 15 Javascript
使用jQuery制作基础的Web图片轮播效果
Apr 22 Javascript
很实用的js选项卡切换效果
Aug 12 Javascript
购物车前端开发(jQuery和bootstrap3)
Aug 27 Javascript
用jquery的attr方法实现图片切换效果
Feb 05 Javascript
react.js 父子组件数据绑定实时通讯的示例代码
Sep 25 Javascript
重新认识vue之事件阻止冒泡的实现
Aug 02 Javascript
如何解决js函数防抖、节流出现的问题
Jun 17 Javascript
javascript-hashchange事件和历史状态管理实例分析
Apr 18 Javascript
微信小程序实现自定义动画弹框/提示框的方法实例
Nov 06 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内核探索:变量存储与类型使用说明
2014/01/30 PHP
优化WordPress的Google字体以加速国内服务器上的运行
2015/11/24 PHP
PHP的Yii框架中移除组件所绑定的行为的方法
2016/03/18 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
asp.net和php的区别点总结
2019/10/10 PHP
laravel框架实现为 Blade 模板引擎添加新文件扩展名操作示例
2020/01/25 PHP
用倒置滤镜把div倒置,再把table倒置。
2007/07/31 Javascript
JS鼠标事件大全 推荐收藏
2011/11/01 Javascript
js中eval详解
2012/03/30 Javascript
jquery动态改变onclick属性导致失效的问题解决方法
2013/12/04 Javascript
JavaScript初学者建议:不要去管浏览器兼容
2014/02/04 Javascript
jquery中toggle函数交替使用问题
2015/06/22 Javascript
javascript获取网页宽高方法汇总
2015/07/19 Javascript
使用DeviceOne实现微信小程序功能
2016/12/29 Javascript
获取IE浏览器Cookie信息的方法
2017/01/23 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
2017/03/10 Javascript
AngularJS动态菜单操作指令
2017/04/25 Javascript
JavaScript中使用参数个数实现重载功能
2017/09/01 Javascript
详解VueRouter进阶之导航钩子和路由元信息
2017/09/13 Javascript
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
2017/11/10 jQuery
js canvas实现橡皮擦效果
2018/12/20 Javascript
ES6知识点整理之对象解构赋值应用示例
2019/04/17 Javascript
webpack5 联邦模块介绍详解
2020/07/08 Javascript
在vue-cli3中使用axios获取本地json操作
2020/07/30 Javascript
通过滑动翻页效果实现和移动端click事件问题
2021/01/26 Javascript
python的Template使用指南
2014/09/11 Python
python实现移位加密和解密
2019/03/22 Python
python递归函数用法详解
2020/10/26 Python
求职简历中的自我评价分享
2013/12/08 职场文书
大学生2014全国两会学习心得体会
2014/03/10 职场文书
担保书格式及范文
2014/04/01 职场文书
员工生日活动方案
2014/08/24 职场文书
四年级小学生评语
2014/12/26 职场文书
小学教师教学随笔
2015/08/14 职场文书
工伤调解协议书
2016/03/21 职场文书
Python+Pillow+Pytesseract实现验证码识别
2022/05/11 Python