我们在做网站的时候如果引用了网站外部的图片，我们将无法避免它会出错，有时图片被删除了，有时被引用的站点不稳定都会对我们造成影响，这时我们需要提供一个替补的图片。外部的图片是否失效是很难判断的，最初想的是使用ajax向图片发送一个请求，如果返回404就证明图片失效，那么就换成替补的图片。但是这样做事相当复杂的，而且还牵扯到js跨域的问题。
后来发现其实 img有个onerror的事件，就是加载的时候如果图片出错就会触发这个事件，那么我们可以这样写οnerrοr=”javascript:this.src=’http://www.iscss.tk/images/bg.gif” 在图片失效的时候就替换成备用的图片。
<img src=”logo.jpg” width=”60″ height=”45″ οnerrοr=”javascript:this.src=”http://www.iscss.tk/images/bg.gif’” />
扫一扫
253
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
