js判斷當(dāng)頁面無法回退時關(guān)閉網(wǎng)頁否則就history.go(-1)
更新時間：2014年08月07日 14:57:51 投稿：whsnow
當(dāng)頁面沒有前驅(qū)歷史記錄時，點擊返回按鈕時直接關(guān)閉頁面，否則就退回到前一頁
在做一個Web項目時遇到一個需求，當(dāng)頁面沒有前驅(qū)歷史記錄時（就是當(dāng)前為新彈出的頁面，沒法做goback操作即history.go(-1)），點擊返回按鈕時直接關(guān)閉頁面，否則就退回到前一頁。
遇到的問題就是如何判斷 是否有history可以回退,這個非常麻煩，因為沒有這樣的函數(shù)直接能獲取到，只能通過history.length這個變量做變通的處理，但是對于IE，和非IE的length的返回值不同，ie: history.length=0, 非IE的為1，因此寫了一個函數(shù)實現(xiàn)前面所需求的這個功能。分享給大家。
/**
* 返回前一頁（或關(guān)閉本頁面）
* <li>如果沒有前一頁歷史，則直接關(guān)閉當(dāng)前頁面</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 );
}
}
}
相關(guān)文章
javascript常用方法、屬性集合及NodeList 和 HTMLCollection 的瀏覽器差異
對于 HTMLCollection集合對象 必須要說一說的是 namedItem方法. 看看規(guī)范的解釋.2010-12-12
ElementPlus?Tag標(biāo)簽用法小結(jié)
這篇文章主要介紹了ElementPlus?Tag標(biāo)簽用法,本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了js代碼規(guī)范之Eslint安裝與配置詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
這篇文章主要為大家匯總了Bootstrap table分頁的典型問題，以及對應(yīng)每個bootstrap table分頁問題的解決方法，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要介紹了JS實現(xiàn)文件動態(tài)順序載入的方法,實例分析了基于Mootools框架實現(xiàn)動態(tài)載入的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
驗證控件與Button的OnClientClick事件詳細(xì)解析
以下就是被我已知忽略的問題和解決方案，當(dāng)我發(fā)覺這個問題的時候，冒出了一身冷汗，幸虧做了嚴(yán)格的服務(wù)器端驗證，不然可就慘了2013-12-12
一般我們在做一個大型項目的時候,需要用到很多接口時,我們?yōu)榱朔奖闶褂?就把接口封裝起來,這篇文章主要給大家介紹了關(guān)于axios簡單封裝以及使用的相關(guān)資料,需要的朋友可以參考下2021-06-06
JavaScript修改css樣式style動態(tài)改變元素樣式
修改css樣式style在某些情況下還是比較實用的，可以動態(tài)改變一些樣式，接下來為大家介紹下使用JavaScript是如何做到的2013-12-12
這篇文章主要介紹了javascript數(shù)組去重方法,通過2個示例對比分析了javascript數(shù)組去重的原理與操作技巧,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了純js+html制作手風(fēng)琴和純css+html制作手風(fēng)琴兩種效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-04-04