js判断当页面无法回退时关闭网页否则就history.go(-1)

137 阅读 0 评论 91 点赞

我是靠谱客的博主干净睫毛，最近开发中收集的这篇文章主要介绍js判断当页面无法回退时关闭网页否则就history.go(-1)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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