您的位置:首页 > Web前端 > JavaScript

JS页面跳转的几种方法以及注解

2018-11-05 09:28 330 查看

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

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

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

最基本的页面跳转。

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

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

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

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

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

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

[code]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跳转了,这是在顶层页面打开新页面,是最外层的页面跳转。

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

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

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

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

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: