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 相关文章推荐
Node.js中的事件驱动编程详解
Aug 16 Javascript
javascript中数组方法汇总
Jul 07 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
Sep 12 Javascript
JS转换HTML转义符的方法
Aug 24 Javascript
移动开发之自适应手机屏幕宽度
Nov 23 Javascript
详解jQuery中ajax.load()方法
Jan 25 Javascript
JS中的作用域链
Mar 01 Javascript
JavaScript实现简单图片轮播效果
Aug 21 Javascript
Vue + Vue-router 同名路由切换数据不更新的方法
Nov 20 Javascript
Vue 框架之键盘事件、健值修饰符、双向数据绑定
Nov 14 Javascript
微信小程序实现图片滚动效果示例
Dec 05 Javascript
微信小程序 slot踩坑的解决
Apr 01 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
实用函数5
2007/11/08 PHP
PHP 自定义错误处理函数trigger_error()
2013/03/26 PHP
php mail to 配置详解
2014/01/16 PHP
php实现SAE上使用storage上传与下载文件的方法
2015/06/29 PHP
Zend Framework入门应用实例详解
2016/12/11 PHP
PHP echo()函数讲解
2019/02/15 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
JavaScript移除数组元素减少长度的方法
2013/09/05 Javascript
如何学习Javascript入门指导
2013/11/01 Javascript
JQuery教学之性能优化
2014/05/14 Javascript
jQuery基于cookie实现的购物车实例分析
2015/12/24 Javascript
Vue概念及常见命令介绍(1)
2016/12/08 Javascript
jQuery中的siblings()是什么意思(推荐)
2016/12/29 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
2017/03/14 Javascript
在Vue中使用echarts的实例代码(3种图)
2017/07/10 Javascript
浅谈Vuex@2.3.0 中的 state 支持函数申明
2017/11/22 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
2018/07/18 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
vue使用微信扫一扫功能的实现代码
2020/04/11 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
2020/08/31 Javascript
Js实现粘贴上传图片的原理及示例
2020/12/09 Javascript
[44:51]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第二场
2018/04/05 DOTA
Python里隐藏的“禅”
2014/06/16 Python
Python实现打印螺旋矩阵功能的方法
2017/11/21 Python
python基础之包的导入和__init__.py的介绍
2018/01/08 Python
python+opencv识别图片中的圆形
2020/03/25 Python
利用python实现逐步回归
2020/02/24 Python
Django DRF认证组件流程实现原理详解
2020/08/17 Python
英国皇家造币厂:The Royal Mint
2018/10/05 全球购物
Nordgreen手表德国官方网站:丹麦极简主义手表
2019/10/31 全球购物
出国留学自荐信
2013/10/25 职场文书
大学毕业生自我鉴定
2013/11/05 职场文书
成人继续教育实施方案
2014/03/01 职场文书
养生餐厅创业计划书范文
2014/03/26 职场文书
2014年教师政治学习材料
2014/06/02 职场文书
致运动员加油稿
2015/07/21 职场文书