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 select控制插件
Aug 17 Javascript
Javascript拓展String方法小结
Jul 08 Javascript
javascript三元运算符用法实例
Apr 16 Javascript
node.js require() 源码解读
Dec 13 Javascript
jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
Jan 21 Javascript
jQuery ajax时间差导致的变量赋值问题分析
Jan 22 Javascript
Bootstrap基本组件学习笔记之input输入框组(9)
Dec 07 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
Aug 28 Javascript
vue采用EventBus实现跨组件通信及注意事项小结
Jun 14 Javascript
vue elementUI table 自定义表头和行合并的实例代码
May 22 Javascript
微信小程序如何实现精确的日期时间选择器
Jan 21 Javascript
Jquery+javascript实现支付网页数字键盘
Dec 21 jQuery
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
smarty简单入门实例
2014/11/28 PHP
php从字符串创建函数的方法
2015/03/16 PHP
PHP观察者模式原理与简单实现方法示例
2017/08/25 PHP
PHP count()函数讲解
2019/02/03 PHP
PHP配置ZendOpcache插件加速
2019/02/14 PHP
基于PHP实现用户在线状态检测
2020/11/10 PHP
php中yii框架实例用法
2020/12/22 PHP
用console.table()调试javascript
2014/09/04 Javascript
简述AngularJS相关的一些编程思想
2015/06/23 Javascript
js变形金刚文字特效代码分享
2015/08/20 Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
2015/09/19 Javascript
8 行 Node.js 代码实现代理服务器
2016/12/05 Javascript
jQuery动态生成表格及右键菜单功能示例
2017/01/13 Javascript
JavaScript执行环境及作用域链实例分析
2018/08/01 Javascript
vue移动端监听滚动条高度的实现方法
2018/09/03 Javascript
详解如何使用webpack打包多页jquery项目
2019/02/01 jQuery
使用vuepress搭建静态博客的示例代码
2019/02/14 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
2020/05/29 Javascript
[09:31]2016国际邀请赛中国区预选赛Yao赛后采访 答题送礼
2016/06/27 DOTA
python web框架学习笔记
2016/05/03 Python
python绘制热力图heatmap
2020/03/23 Python
Python使用pandas和xlsxwriter读写xlsx文件的方法示例
2019/04/09 Python
python 正则表达式参数替换实例详解
2020/01/17 Python
python实现简单飞行棋
2020/02/06 Python
在Ubuntu 20.04中安装Pycharm 2020.1的图文教程
2020/04/30 Python
关于matplotlib-legend 位置属性 loc 使用说明
2020/05/16 Python
原材料检验岗位职责
2014/03/15 职场文书
职务说明书范文
2014/05/07 职场文书
承诺书样本
2014/08/30 职场文书
股份转让协议书范本
2015/01/27 职场文书
学生保证书格式
2015/02/27 职场文书
酒店工程部主管岗位职责
2015/04/16 职场文书
爱心募捐通知范文
2015/04/27 职场文书
刑事附带民事起诉状
2015/05/19 职场文书
幼儿园国培研修日志
2015/11/13 职场文书
MATLAB 全景图切割及盒图显示的实现步骤
2021/05/14 Python