这篇文章主要介绍了HTML中图片不存在显示默认图片的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
一个图片链接<img src="" />想用js 判断url是否有效如果404 就加载默认的图片路径<img src="xxx" οnerrοr="this.src=默认图地址"/>图片标签img的 ｏｎｅｒｒｏｒ事件<img src="pic.gif" οnerrοr="javascript:this.src='默认图地址';" alt="pic" />分析：特别注意 ｏｎｅｒｒｏｒ，当图片不存在时，将触发 ｏｎｅｒｒｏｒ，而 ｏｎｅｒｒｏｒ 中为 img 指定一个默认图片。也就是说图片存在则显示 pic.gif，图片不存在将显示默认图片。存在的问题：如果默认图片也不存在，则继续触发 ｏｎｅｒｒｏｒ，导致循环，故出现错误。如果图片存在，但网络很不通畅，也可能触发 ｏｎｅｒｒｏｒ。解决方法：通过函数加载默认图片，仅加载一次<img src="abc.jpg" ｏｎｅｒｒｏｒ="nofind()" /><ｓｃｒｉｐｔ type="text/javascript">
function nofind(){
var img=event.srcElement;
img.src=http://mat1.gtimg.com/cd/2017/home/nlogo0518.png; //替换的图片
img.ｏｎｅｒｒｏｒ=null; //控制不要一直触发错误
}
</ｓｃｒｉｐｔ>来源：本站链接：https://www.jb51.net/web/740948.html
