javascript跳转页面,JS页面跳转

javascript怎么跳转页面

js实现页面的跳转具体有几种方法，下面列出几种，供你参考：

1、 window.location.href方式

script language="javascript" type="text/javascript"window.location.href="target.aspx"; /script

2、 window.navigate方式跳转

script language="javascript" window.navigate("target.aspx");/script

3、window.loction.replace方式实现页面跳转，注意跟第一种方式的区别

script language="javascript"window.location.replace("target.aspx");/script

有3个jsp页面（1.aspx, 2.aspx, 3.aspx），进系统默认的是1.aspx，当我进入2.aspx的时候， 2.aspx里面用window.location.replace("3.aspx");

与用window.location.href ("3.aspx");

从用户界面来看是没有什么区别的，但是当3.aspx页面有一个"返回"按钮，调用window.history.go(-1); wondow.history.back();方法的时候，一点这个返回按钮就要返回2.aspx页面的话，区别就出来了，当用 window.location.replace("3.aspx");连到3.aspx页面的话，3.aspx页面中的调用 window.history.go(-1);wondow.history.back();方法是不好用的，会返回到1.aspx。

4、self.location方式实现页面跳转，和下面的top.location有小小区别

script language="JavaScript" self.location='target.aspx';/script

5、top.location

script language="javascript"

top.location='target.aspx';

/script

谢谢！

相关问答

Q1: JS实现页面跳转的几种方式

1、直接跳转加参数

script language="javascript" type="text/javascript"

    window.location.href="login.jsp?backurl="+window.location.href; 

    //或者

   window.location.href='';

/script

2、返回上一次预览界面

script language="javascript"

    alert("返回");

    window.history.back(-1);

    //标签嵌套：

    a href="javascript:history.go(-1)"返回上一步/a

    a href="%=Request.ServerVariables("HTTP_REFERER")%"返回上一步/a

/script

3、指定跳转页面 对框架无效

  script language="javascript"

       window.navigate("top.jsp");

  /script

4、指定自身跳转页面 对框架无效

  script language="JavaScript"

          self.location='top.htm';

   /script

5、指定自身跳转页面 对框架有效

  script language="javascript"

          alert("非法访问！");

          top.location='xx.aspx';

   /script

6、按钮式 在button按钮添加 事件跳转

input name="pclog" type="button" value="GO" onClick="location.href='login.aspx'"

7、在新窗口打开

　a href="javascript:" onClick="window.open('login.aspx','','height=500,width=611,scrollbars=yes,status=yes')"开新窗口/a

Q2: 如何使用JavaScript实现 按钮跳转页面功能？

javascript中的location.href有很多种用法，主要如下:

self.location.href="/url" 当前页面打开URL页面

location.href="/url" 当前页面打开URL页面

windows.location.href="/url" 当前页面打开URL页面，前面三个用法相同

this.location.href="/url" 当前页面打开URL页面

parent.location.href="/url" 在父页面打开新页面

top.location.href="/url" 在顶层页面打开新页面

Q3: 怎么用JavaScript实现按一个按钮然后跳转页面

使用如下javascript代码可以实现页面跳转：

window.location.href = url; // 跳转到url页面

location.href = url;        // 这样也行

实例演示如下：

1、关键代码

input type='button' value='前往百度' onclick="location.href = ''"/

2、效果演示

Q4: javascript实现页面跳转功能，参数怎么传递？

1.设置url

// 设置当前urlvar list_url = '/document/order/default.php?page=' + page_nums + ''+ $("#form1").serialize();var e_list_url = encodeURIComponent(list_url);$("#list_url").val(e_list_url);

2.传递url

var list_url = $('#list_url').val();

window.location.href='/document/order/view.php?order_id='+order_id+'action=edithandler=adminlist_url='+list_url;

3.解析url并跳转

var list_url = '?php echo $list_url;?';

d_list_url = decodeURIComponent(list_url);window.location.href = d_list_url;

这样就能实现，参数不丢失了。主要就是页码和筛选条件。

纯js页面跳转要传复杂数据不好做，要用localStorage，这个东东在各浏览器中是不一样的。

比较好的方法就是，在跳转链接中加上一些标志参数，如对象ID之类，直接由服务器生成新页面内容或者转到新页面后由页面从服务器重新ajax取数据。