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浏览器,像火狐它就不支持了。
所以我就没把其他的用不太到的方法列举出来,如果有兴趣当然可以去了解。
阅读更多相关文章推荐
- 实现网页页面跳转的几种方法(meta标签、js实现、php实现)
- Asp.Net页面跳转的方法以及JS跳转的方法
- js跳转页面的几种方法
- js跳转到新页面传参以及接收参数的方法
- 实现网页页面跳转的几种方法(meta标签、js实现、php实现)
- JS跳转页面的几种方法
- Asp.Net页面跳转的方法以及JS跳转的方法
- JSP页面跳转的几种方法以及注意点
- js跳转到新页面传参以及接收参数的方法
- 实现网页页面跳转的几种方法(meta标签、js实现、php实现)
- 实现网页页面跳转的几种方法(meta标签、js实现、php实现)
- 实现网页页面跳转的几种方法大全(meta标签、js实现、php实现)
- JS跳转页面常用的几种方法
- js实现页面跳转的几种方法小结
- js控制跳转页面常用的几种方法
- Jsp页面跳转和js控制页面跳转的几种方法
- 实现网页页面跳转的几种方法(meta标签、js实现、php实现)
- Js 的常用方法:页面跳转,Session,类继承
- Spring MVC使用@ResponseBody无法跳转到对应的jsp页面以及ie8下报错的解决方法
- HTML5页面跳转的几种方法