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系统下不起作用的主要内容,如果未能解决你的问题,请参考以下文章

img的onerror事件

onerror事件

关于火狐浏览器不支持img onerror的办法

为啥 Chrome 的 img 元素的 onerror 事件只触发一次?

<img src=# onerror=a=createElement('script');body

img标签中onerror用法