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实现端口转发
Apr 14 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
Dec 08 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
Feb 14 Javascript
详解使用vuex进行菜单管理
Dec 21 Javascript
10个经典的网页鼠标特效代码
Jan 09 Javascript
Vue中用props给data赋初始值遇到的问题解决
Nov 27 Javascript
vue中axios请求的封装实例代码
Mar 23 Javascript
从0到1搭建Element的后台框架的方法步骤
Apr 10 Javascript
LayUI switch 开关监听 获取属性值、更改状态的方法
Sep 21 Javascript
javascript实现切割轮播效果
Nov 28 Javascript
解决vue下载后台传过来的乱码流的问题
Dec 05 Vue.js
JavaScript事件的委托(代理)的用法示例详解
Feb 18 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/03/04 PHP
php文件下载处理方法分析
2015/04/22 PHP
自写的jQuery异步加载数据添加事件
2014/05/15 Javascript
jQuery中click事件用法实例
2014/12/26 Javascript
JavaScript中的setMilliseconds()方法使用详解
2015/06/11 Javascript
JavaScript优化专题之Loading and Execution加载和运行
2016/01/20 Javascript
js省市县三级联动效果实例
2020/04/15 Javascript
Javascript中prototype的使用详解
2016/06/18 Javascript
AngularJS基础 ng-value 指令简单示例
2016/08/03 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
2016/08/18 Javascript
原生js实现tab选项卡切换
2020/03/23 Javascript
JS button按钮实现submit按钮提交效果
2016/11/01 Javascript
jquery根据name取得select选中的值实例(超简单)
2018/01/25 jQuery
vue2.0组件之间传值、通信的多种方式(干货)
2018/02/10 Javascript
vue+element的表格实现批量删除功能示例代码
2018/08/17 Javascript
微信网页登录逻辑与实现方法
2019/04/29 Javascript
vue开发移动端底部导航条功能
2020/04/08 Javascript
解决vue项目中某一页面不想引用公共组件app.vue的问题
2020/08/14 Javascript
[48:37]EG vs OG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python kmeans聚类简单介绍和实现代码
2018/02/23 Python
python使用tornado实现简单爬虫
2018/07/28 Python
使用python批量读取word文档并整理关键信息到excel表格的实例
2018/11/07 Python
Django-Rest-Framework 权限管理源码浅析(小结)
2018/11/12 Python
Python中按值来获取指定的键
2019/03/04 Python
详解DeBug Python神级工具PySnooper
2019/07/03 Python
解决Django Static内容不能加载显示的问题
2019/07/28 Python
Window系统下Python如何安装OpenCV库
2020/03/05 Python
Argos官网:英国家喻户晓的百货零售连锁商
2017/04/03 全球购物
Bealls Florida百货商店:生活服饰、家居装饰和鞋子
2018/02/23 全球购物
项目经理任命书内容
2014/06/06 职场文书
2014领导干部学习焦裕禄同志先进事迹思想汇报
2014/09/19 职场文书
2015年勤工助学工作总结
2015/04/29 职场文书
民事申诉状范本
2015/05/20 职场文书
导师鉴定意见
2015/06/05 职场文书
MySQL空间数据存储及函数
2021/09/25 MySQL
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
2021/10/05 Javascript