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使用手册之一
Mar 24 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
Jun 09 Javascript
jQuery满屏焦点图左右滚动特效代码分享
Sep 07 Javascript
Vue.js实现无限加载与分页功能开发
Nov 03 Javascript
关于bootstrap日期转化,bootstrap-editable的简单使用,bootstrap-fileinput的使用详解
May 12 Javascript
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
Jun 30 Javascript
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
Jan 30 Javascript
JS基于开关思想实现的数组去重功能【案例】
Feb 18 Javascript
小程序根据手机机型设置自定义底部导航距离
Jun 04 Javascript
JavaScript静态作用域和动态作用域实例详解
Jun 17 Javascript
微信小程序实现禁止分享代码实例
Oct 19 Javascript
浅谈JS的原型和原型链
Jun 04 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函数addslashes和mysql_real_escape_string的区别
2014/04/22 PHP
php断点续传之文件分割合并详解
2016/12/13 PHP
PHP实现批量删除(封装)
2017/04/28 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
PHP实现的自定义图像居中裁剪函数示例【测试可用】
2017/08/11 PHP
PHP延迟静态绑定使用方法实例解析
2020/09/05 PHP
用js判断页面是否加载完成实现代码
2012/12/11 Javascript
用Jquery.load载入页面实现局部刷新
2014/01/22 Javascript
JavaScript中的单引号和双引号报错的解决方法
2014/09/01 Javascript
AngularJS基础知识
2014/12/21 Javascript
javascript适合移动端的日期时间拾取器
2015/11/10 Javascript
jquery实现触发时更新下拉列表内容的方法
2015/12/02 Javascript
自定义事件解决重复请求BUG的问题
2017/07/11 Javascript
Vue组件中slot的用法
2018/01/30 Javascript
js实现动态改变radio状态的方法
2018/02/28 Javascript
微信小程序开发之点击按钮退出小程序的实现方法
2019/04/26 Javascript
JavaScript中var的重要性实例分析
2019/07/09 Javascript
vue动态绘制四分之三圆环图效果
2019/09/03 Javascript
layer ui插件显示tips时,修改字体颜色的实现方法
2019/09/11 Javascript
js全屏事件fullscreenchange 实现全屏、退出全屏操作
2019/09/17 Javascript
微信小程序webSocket的使用方法
2020/02/20 Javascript
前端使用crypto.js进行加密的函数代码
2020/08/16 Javascript
Python错误提示:[Errno 24] Too many open files的分析与解决
2017/02/16 Python
Python分治法定义与应用实例详解
2017/07/28 Python
python sys.argv[]用法实例详解
2018/05/25 Python
pycharm导入源码的具体步骤
2020/08/04 Python
Python 添加文件注释和函数注释操作
2020/08/09 Python
Django解决frame拒绝问题的方法
2020/12/18 Python
用CSS3实现背景渐变的方法
2015/07/14 HTML / CSS
学生会主席事迹材料
2014/01/28 职场文书
国际贸易专业个人求职信格式
2014/02/02 职场文书
教师竞聘演讲稿
2014/05/16 职场文书
2014年个人业务工作总结
2014/11/17 职场文书
公司财务制度:成本管理控制制度模板
2019/11/19 职场文书
试用1103暨1103、1101同门大比武 [ DAIWEI ]
2022/04/05 无线电
cypress测试本地web应用
2022/06/01 Javascript