Img onerror属性使用后，图片还是丢失，img一直闪烁不停

最新推荐文章于 2023-06-29 09:57:47 发布

Bright2017

最新推荐文章于 2023-06-29 09:57:47 发布

阅读量3.6k

点赞数 1

分类专栏： Html5

Html5 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

刚刚写练习的时候，使用了img的onerror属性，一般习惯性用这个属性来显示图片丢失时统一的默认图片。尴尬的是，刚刚我的默认图片也丢失了。这就导致进入了一个死循环，img一直在刷新。

百度了以下，发现很多人遇到了这个问题。

果然最后还是需要强大的js来解决这一切。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>显示图片和默认图片同时丢失时，页面不停闪烁</title>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script type="text/javascript">
			function nofind(){
			    var img=event.srcElement;
			    $("img").attr('src',"img/22.png");
			    img.οnerrοr=null;// 控制不要一直跳动
			}
		</script>
	</head>
	<body>
		<!--<img src="img/1.png" οnerrοr="src='img/2.png'" alt="两张图片都丢失了！">-->  
		<img src="img/11.png" οnerrοr="nofind();" alt="两张图片都丢失了！"/>  
	</body>
</html>

参考博客： https://blog.csdn.net/yy374864125/article/details/8988787