这篇文章主要介绍了 JavaScript 实现页面跳转的几种常用方式, 结合实例形式对比分析了 JavaScript 页面跳转的常见实现技巧与相关注意事项, 具有一定参考借鉴价值, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 JavaScript 实现页面跳转的几种常用方式。分享给大家供大家参考,具体如下:
第一种:
- <script language="javascript" type="text/javascript">
- window.location.href="login.jsp?backurl="+window.location.href;
- </script>
第二种:
- <script language="javascript">
- alert("返回");
- window.history.back(-1);
- </script>
第三种:
- <script language="javascript">
- window.navigate("top.jsp");
- </script>
第四种:
- <script language="JavaScript">
- self.location='top.htm';
- </script>
第五种:
- <script language="javascript">
- alert("非法访问!");
- top.location='xx.jsp';
- </script>
javascript 中弹出选择框跳转到其他页面
- <script language="javascript">
- <!--
- function logout()...{
- if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{
- window.location.href="logout.asp?act=logout"
- }
- }
- -->
- </script>
javascript 中弹出提示框跳转到其他页面
- <script language="javascript">
- <!--
- function logout()...{
- alert("你确定要注销身份吗?");
- window.location.href="logout.asp?act=logout"
- }
- -->
- </script>
补充:window.location=""; 和 location.replace(""); 有什么区别?
这两个都能让网页导向令一个网址,那么有什么区别呢?比如能带参数,不能带参数之类的.
Replace? 还是 Reload()?
好像没什么区别吧?没试过
replace(),reload() 是重新加载本页,而 replace() 可以导向另外一个 URL
给你举个例子:
我们现在有 3 个页面(a.html, b.html, c.html).
默认打开 a.html 页面, 然后在 a.html 页面中通过一个链接转向 a.html 页面。
现在,我在 b.html 页面中用 window.location.replace("c.html"); 与用 window.location.href("c.html"); 分别进入 c.html 页面.
从用户界面来看是没有什么区别的,但是现在 c.html 页面有一个 "返回" 按钮,
用 window.location.href("c.html");
进入 c.html 页面时, c.html 页面中的调用 window.history.go(-1);wondow.history.back(); 进入 c.html 页面时,一点这个" 返回 " 按钮就要返回 b.html 页面的话,
而如果用 window.location.replace("c.html"); 进入 c.html 页面的话,
c.html 页面中的调用 window.history.go(-1);wondow.history.back(); 方法是不好用的,会返回到 a.html.
因为 window.location.replace("c.html"); 是不会向服务器发送请求而进行跳转,而 window.history.go(-1);wondow.history.back(); 方法是根据服务器记录的请求决定该跳到哪个页面的,所以会跳到系统默认页面 a.html 。
window.location.href("c.html"); 是向服务器发送请求的跳转,window.history.go(-1);wondow.history.back(); 方法是根据服务器记录的请求决定该跳到哪个页面的,所以就可以返回到 b.html。
希望本文所述对大家 JavaScript 程序设计有所帮助。
来源: