这篇文章主要介绍了 JavaScript 实现页面跳转的方式汇总的相关资料, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
在动手做网站时,不可避免的会碰到页面跳转的问题,新页面是在当前页面打开呢?还是在新窗口打开呢?是不是需要依据参数进行跳转呢或者要经过用户确认后再跳转呢?等等很多种情况,下面我们来看下常用的一些 JS 实现页面跳转的方式例子。
按钮式:
- <INPUT name="pclog" type="button" value="GO" onClick="location.href='http://www.ddhbb.com/'">
链接式:
- <a href="javascript:history.go(-1)">
- 返回上一步
- </a>
- <a href="<%=Request.ServerVariables(" HTTP_REFERER ")%>">
- 返回上一步
- </a>
直接跳转式:
- <script>
- window.location.href = 'http://www.ddhbb.com';
- </script>
开新窗口:
- <a href="javascript:" onClick="window.open('http://www.ddhbb.com/blog /guestbook.asp','','height=500,width=611,scrollbars=yes,status=yes')"& gt;布丁足迹
- </a>
第一种:
- <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>
以上内容是小编给大家介绍的 JavaScript 实现页面跳转的方式汇总,希望对大家有所帮助,也希望大家多多关注 phperz 网站!
来源: http://www.phperz.com/article/17/0224/265732.html