作家
登录

js注意img图片的onerror事件的分析

作者: 来源:www.28hudong.com 2013-03-30 01:03:55 阅读 我要评论

经过分析,发现网页中存在类似如下的代码: <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>

  推荐阅读

  IE6中使用position导致页面变形的解决方案(js代码)

如图所示: 解决方案: 1.缩放窗体时先得到内容左边的空白宽度。 $("#nav").offset().left; 得到内容区左边的空白宽度。 2.得到整个窗体的宽度(注意:桌面分辨率为基准,少了加上来)。 3.用桌面分辨率的宽度-页>>>详细阅读


本文标题:js注意img图片的onerror事件的分析

地址:http://www.17bianji.com/kaifa2/JS/25089.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)