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浏览器,像火狐它就不支持了。

所以我就没把其他的用不太到的方法列举出来,如果有兴趣当然可以去了解。

猜你喜欢

转载自blog.csdn.net/qq_43227967/article/details/83743441
今日推荐