刚刚写练习的时候,使用了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