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

2018-06-24 00:00:34来源:未知 阅读 ()

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

一、使用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);

  

标签:

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

上一篇:像VUE一样写微信小程序-深入研究wepy框架

下一篇:常用内置函数(注意大小写)