图片(img标签)的onerror事件

打开网页时提示 Stack overflow at line: 0。

经过分析,发现网页中存在类似如下的代码:

<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="http://www.cnblogs.com/sys/common/image/fileoperation/icon/default.gif";

img.onerror=null; 控制不要一直跳动

}

//–>

</script>

<td align="center"><img src="http://www.cnblogs.com/sys/common/image/fileoperation/icon/${file.suffix }.gif" onerror="nofind();" />${file.name }</td>

时间: 2024-11-13 20:08:30

图片(img标签)的onerror事件的相关文章

【JavaScript】加载失败的红叉图片处理与&lt;img&gt;图片标签的onerror事件

大家上网的时候肯定见到过加载失败的红叉图片,具体如下图.当然现在Google Chrome与Firefox对其处理会好看一些. 其实可以利用<img>图片标签的onerror事件对其处理的,要求其加载失败之后,马上加载一张默认图片,而不是显示为红叉叉. 其代码如下: <img src="s.png" onerror="javascript:this.src='xx.png';this.width=80;this.height=80;" />

img图片无法显示利用onerror事件显示替代图片

URL属性的定义和用法:此属性可返回当前文档的URL.说明:该属性的值与包含文档的Window的location.href属性相同,但是在URL重定向发生的时候,这个URL属性保存了文档的实际URL,而 location.href保存了请求的URL.语法结构: document.URL 浏览器支持:1.IE浏览器支持此属性.2.火狐浏览器支持此属性.3.Opera浏览器支持此属性.4.谷歌浏览器支持此属性.实例代码: <!DOCTYPE html> <html> <head&

&lt;img/&gt;标签onerror事件在IE下的bug和解决方法

IE下打开网页时,会弹出“Stack overflow at line: 0”的弹框.经分析,这个bug是由于img标签的onerror事件引起的.程序中用到的代码片段如下:正常情况下显示src所指路径的图片,加载失败时显示通过img标签的onerror事件显示另一张图片,问题就出现在了这里,当另一张图片也不存在时,就造成了循环触发onerror事件,在IE下就会弹出“stack overflow”的弹框. <img src="http://img1.soufunimg.com/agent

img的onerror事件

情景: 1.当在页面中显示的图片不存在 2.图片存在但由于网络问题导致无法正常显示图片 问题:当图片无法正常显示的时候会在图片的位置显示破碎的图标不美观也不友好 方法:可以借助于img标签的onerror事件做一些处理用默认的图片替换破碎的图标 <img src="xxx.png" onerror="javascript:this.src='static/images/default.png';"> 理想情景:当xxx.png找不到时会触发onerror

图片输出onerror事件

<img src=".<?php echo $img[0];?>" onerror="this.src='img/zanwu.jpg'" style="width:120px;height:90px;" /> 当图片变量不存在的情况下直接使用onerror事件输出默认图片

图片的onerror 事件解析

1. 该事件触发条件 文档和图像在加载失败的时候(用户体验会下降.)会触发该事件 2. 解决碎图的办法 利用img的onerror事件和javascript 例: 现有的图片是 successed.png <img src="successed.png"> 正常展示 <img src="successed1.png"> 此时找不到successed1.png 图片 页面展示如下 解决方案 <img src="successed

【Javascript】IE8兼容 背景图片与a标签的onclick事件

先说几句牢骚话. 虽然IE8比之IE6.7有很大的进步,但是在执行效率.兼容性上仍然有很多问题.被广大开发者喜爱的平台才是好平台. 可惜多亏当年盗版XP打开中国的计算机市场,IE作为一款捆绑软件仍然在中国有很大的使用人群.既然是中国人自己埋下的坑,咬着牙也要走下去. a标签的onclick事件 在开发现在这个平台时,用的是国产dwz开源前端框架,还是挺好用的,对IE的兼容性做的也比较好,很少发现有啥大问题. 只是如开头标题所示,页面弹出提醒框时,[确定]按钮点不了,导致页面相当于死机一样,只能重

onerror事件

onerror 事件会在文档或图像加载过程中发生错误时被触发. 在装载文档或图像的过程中如果发生了错误,就会调用该事件. 例: img标签中的src图片加载失败,原来的图片位置会出现一个加载失败的小图; onerror事件就在发生错误时被调用,从而用一张备用图片替代原图; <img src="images/pic.jpg"onerror="javascript:this.src='images/error.jpg;'"/> 如果error.jpg 也不存

img onerror事件

怪自己知道的太少,img标签有onerror这个事件,我是才刚知道,恕我愚昧,既然是第一次遇到,而且又是一个自己从没有涉及过得的东西,所以我希望通过这个随笔来是自己印象深刻,此文仅仅只是让自己印象深刻的水文,知道这个事件的诸位尽可以绕道而行了,如果你也没有涉及,或者你也不曾知晓这个事件的话,就随我一起来了解下这个属性吧..... 根据w3cschool: onerror事件会在文档或图片加载过程中发生错误时被触发,支持该事件的HTML标签有:img,object,style;实例如下: <!DO