DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js判斷當頁面無法回退時關閉網頁否則就history.go(-1)
js判斷當頁面無法回退時關閉網頁否則就history.go(-1)
編輯:關於JavaScript     

在做一個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 ); 
} 
} 
}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved