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

刚刚写练习的时候,使用了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.onerror=null;// 控制不要一直跳动
			}
		</script>
	</head>
	<body>
		<!--<img src="img/1.png" onerror="src='img/2.png'" alt="两张图片都丢失了!">-->  
		<img src="img/11.png" onerror="nofind();" alt="两张图片都丢失了!"/>  
	</body>
</html>
参考博客: https://blog.csdn.net/yy374864125/article/details/8988787

猜你喜欢

转载自blog.csdn.net/bright2017/article/details/80724170
IMG