在做一個Web專案時遇到一個需求,當頁面沒有前驅歷史記錄時(就是當前為新彈出的頁面,沒法做goback操作即history.go(-1)),點擊返回按鈕時直接關閉頁面,否則就退回到前一頁。
遇到的問題就是如何判斷是否有history可以回退,這個非常麻煩,因為沒有這樣的函數直接能獲取到,只能透過history.length這個變數做變通的處理,但是對於IE,和非IE的length的回傳值不同,ie: history.length=0, 非IE的為1,因此寫了一個函數實作前面所需求的這個功能。分享給大家。
/** * 返回前一页(或关闭本页面) * <li>如果没有前一页历史,则直接关闭当前页面</li> */ function goBack(){ if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){ // IE if(history.length > 0){ window.history.go( -1 ); }else{ window.opener=null;window.close(); } }else{ //非IE浏览器 if (navigator.userAgent.indexOf('Firefox') >= 0 || navigator.userAgent.indexOf('Opera') >= 0 || navigator.userAgent.indexOf('Safari') >= 0 || navigator.userAgent.indexOf('Chrome') >= 0 || navigator.userAgent.indexOf('WebKit') >= 0){ if(window.history.length > 1){ window.history.go( -1 ); }else{ window.opener=null;window.close(); } }else{ //未知的浏览器 window.history.go( -1 ); } } }