【記錄】工作中遇到的兩個小問題

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