JS页面跳转的几种方法

来介绍一下我所用的JS跳转页面的方法

第一种:这是最常用的了 window.location.href

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

最基本的页面跳转。

第二种:历史记录退减 这种方法一般用于注册失败后的返回,除了密码框之外其他数据都不会被清除。

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

第三种:self指代当前窗口对象,属于window最上层的对象,一般用于防止外部引用。

<script language="JavaScript">
          self.location='top.html';
   </script>

如果你的网页地址是: http://www.a.com,别人的是:http://www.b.com

他在他的页面iframe等框架引用你的 http://www.a.com,那么你可以用:

if(top.location.href!=self.location.href){
    location.href="http://www.a.com";
}

来转向你的页面,top指代的是主体窗口,这里 top.location.href 返回 http://www.b.com。
http://www.b.com!=http://www.a.com,返回为真(true),则网页重定向到你的网页,做到防盗用的作用。

第四种:当然就是上面方法所说的top跳转了,这是在顶层页面打开新页面,是最外层的页面跳转。

<script language="javascript">
          alert("非法访问!");
          top.location='xx.jsp';
   </script>

以上则是我常用到的方法,当然像一些其他的方法也可以的。

例如:window.navigate("top.jsp"); 但是这个方法它只支持IE浏览器,像火狐它就不支持了。

不常用的跳转这里并未记录详细,如果有兴趣当然可以去官网了解。

  • 4
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值