JS，解决页面跳转的几种常用方式

相信大家一定都遇到这种场景：即有的web页面，左边是菜单列表，右边是detail显示。有的时候右边的页面里头会进行一些逻辑性的跳转。虽然大部分都会在本页面的基础上进行跳转，但有的时候，需要附加另一些属性，比如_top,_blank等。

最近在写TOP_ATS控制台的web页面的时候，我也遇到一些页面跳转细节的处理。为了查找方便，决定将其记录一下，以后备用。

OK，具体用到的一些跳转方式如下（我主要使用的是第二种）：

1)直接跳转到某个地址

<script language="javascript" type="text/javascript">
window.location.href= "XXXX";
</script>

2)可以指定属性的跳转 (比较适合各种场合)

<script language="javascript" type="text/javascript">
window.open("url1" , "_top");
</script>

或者

<script language="javascript" type="text/javascript">
window.open("url1" , "_blank");
</script>

2)后退/返回

<script language="javascript">
window.history.back(-1);
</script>

3)跳转到某个地址

<script language="javascript">
window.navigate("XXXX");
</script>

4)跳转到某个地址

<script language="JavaScript">
self.location="XXXXX";
</script>

6)

<script language="javascript">
alert("非法访问！");
top.location="XXXXX";
</script>

7)网址从传参获得并转向

<script language="javascript" type="text/javascript">
function request(paras){
var url = location.href;
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&");
var paraObj = {}
for (i=0; j=paraString[i]; i++){
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length);
}
var returnValue = paraObj[paras.toLowerCase()];
if(typeof(returnValue)=="undefined"){
return "";
}else{
return returnValue;
}
}
var theurl
theurl=request("url");
if (theurl!=''){
location=theurl
}
</script>