js解决img标签加载失败显示默认图片

2018-09-29 03:53:58来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

问题:

  为所有显示楼盘的页面添加一个加载失败的默认图片.

基本思路:

  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,否则会一直循环请求.

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:typescript入门,可以一起探讨提点意见互相学习。

下一篇:Element隐藏组件:scrollbar