img标签的onerror事件在ios7.0系统下不起作用
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了img标签的onerror事件在ios7.0系统下不起作用相关的知识,希望对你有一定的参考价值。
<img src="/resources/images/rescue/a.jpg" onerror="this.src='/resources/images/rescue/shop.jpg'"/>
经过分析,发现网页中存在类似如下的代码:<img src="pic.gif" onerror="javascript:this.src=\'/noPic.gif\';" />
分析:特别注意 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> 参考技术A 经过分析,发现网页中存在类似如下的代码:
<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> 参考技术B ios7现共经历IOS7.0.1IOS7.0.2IOS7.0.3IOS7.0.4IOS7.0.5IOS7.0.6IOS7.1共七版本前六都BETA版测试版IOS7.1式版所应苹每推送ios系统都更改完善程旦确定没打问题推送式版系统进行调整苹每IOS系统都发布前面要经历几测试版推式版 参考技术C 不对,5月份的机器系统应该是6.1.3,开机之后马上升级6.1.4,我的机子就是5月底买的。生产日期是5月中旬。
况且ios7.0.4是13年年底才发布的。
翻新机无误,对一下序列号,如果是翻新的果断换。 参考技术D 在页面中插入一幅 郁金香照片: 定义和用法 img 元素向网页中嵌入一幅图像。 请注意,从技术上讲, 标签并不会在网页中插入图像,而是从网页上链接图像。 标签创建的是被引用图像的占位空间。. 第5个回答 2016-08-17 ios7现共经历IOS7.0.1IOS7.0.2IOS7.0.3IOS7.0.4IOS7.0.5IOS7.0.6IOS7.1共七版本前六都BETA版测试版IOS7.1式版所应苹每推送ios系统都更改完善程旦确定没打问题推送式版系统进行调整苹每IOS系统都发布前面要经历几测试版推式版
html: JS: var img = document.getElementById('imgid'); if(img.src == "")img.style.display = "none";
js解决img标签加载失败显示默认图片
问题:
为所有显示楼盘的页面添加一个加载失败的默认图片.
基本思路:
img标签中有个onerror属性,专门用来处理加载失败的事件.所以可以用jquery添加onerror属性,在onerror中加载默认图片.
$(function(){ //注册加载失败事件,再次加载时先重新设置url,在清空原先的注册加载失败事件 $("img").attr("onerror","this.src=‘img/error.jpg;this.onerror=null;‘"); //遍历img标签,再次重新加载 $("img").each(function(){ this.src = this.src; }); });
注意:在页面加载的时候添加,并且添加完成后清空onerror,否则会一直循环请求.
以上是关于img标签的onerror事件在ios7.0系统下不起作用的主要内容,如果未能解决你的问题,请参考以下文章
为啥 Chrome 的 img 元素的 onerror 事件只触发一次?