记录工作中遇到的两个小问题

Posted 2020-10-03 雷明

一、使用zepto进行jsonp跨域请求时，请求失败时做一些处理？

       需要同时设置timeout，才能捕获到error事件。

 

      

二、图片加载失败时，用默认图片替代？

        这里有两种情况，一种是img标签，还有一个是background：url()

       1）img标签： 可以在error事件中进行处理。

<img onerror="javascript:this.src=‘1.jpg‘;" src="" />

             这种方法会有一个问题，如果默认图片也加载失败的话，会不断的触发error事件。

             优化后的代码如下

<script type="text/javascript">
function imgError(){
  var img=event.srcElement;
  img.src="2.jpg";
  img.onerror=null; 
}
</script>
<img src="1.jpg" onerror="imgError();" />

 

       2） 如果是背景图的情况，直接在后面追加默认图片即可。 background:url(1.jpg),url(2.jpg);