码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-08-21 18:52:32      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:time   处理   round   src   bsp   text   cti   小问题   背景图   

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

  

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

标签:time   处理   round   src   bsp   text   cti   小问题   背景图   

原文地址:http://www.cnblogs.com/lanleiming/p/7405920.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!