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

来源:互联网 发布:淘宝哪店买结它推荐 编辑:程序博客网 时间:2024/05/18 21:05

       相信大家一定都遇到这种场景:即有的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 theurltheurl=request("url");if (theurl!=''){location=theurl}</script>