js解决img标签加载失败显示默认图片
Posted 随意的马蒂洛克
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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,否则会一直循环请求.
以上是关于js解决img标签加载失败显示默认图片的主要内容,如果未能解决你的问题,请参考以下文章