zoukankan      html  css  js  c++  java
  • Javascript实现页面跳转的几种方式

    相信很多Web开发者都知道,在开发Web程序的时候,对于页面之间的跳转,有很多种,但是有效的跳转则事半功倍,下面就是我在平时的开发过程中所用到的一些JavaScript跳转方式,拿出和大家共享一下。

    第一种:

    直接跳转加参数:

    1 <script language="javascript" type="text/javascript">
    2        window.location.href="login.jsp?backurl="+window.location.href; 
    3 </script>

    直接跳转无参数:

    1 <script>window.location.href='http://www.baidu.com';</script>

    第二种:返回上一次预览界面

    1 <script language="javascript">
    2 alert("返回");
    3 window.history.back(-1);
    4 </script>

    标签嵌套:

    1 <a href="javascript:history.go(-1)">返回上一步</a>
    2 <a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

    第三种:指定跳转页面 对框架无效。。。

    1 <script language="javascript">
    2        window.navigate("top.jsp");
    3 </script>

    第四种:指定自身跳转页面 对框架无效。。。

    1 <script language="JavaScript">
    2           self.location='top.htm';
    3 </script>

    第五种:指定自身跳转页面 对框架有效。。。

    1 <script language="javascript">
    2           alert("非法访问!");
    3           top.location='xx.aspx';
    4 </script>

    第六种:按钮式 在button按钮添加 事件跳转。。。

    1 <input name="pclog" type="button" value="GO" onClick="location.href='login.aspx'">

    第七种:在新窗口打开:

    1 <a href="javascript:" onClick="window.open('login.aspx','','height=500,width=611,scrollbars=yes,status=yes')">开新窗口</a> 

    应用实例:

     1 <head> 
     2 <script language="javascript">
     3 
     4 function old_page() 
     5 { 
     6 window.location = "login.aspx" 
     7 } 
     8 function replace() 
     9 { 
    10 window.location.replace("login.aspx") 
    11 } 
    12 function new_page() 
    13 { 
    14 window.open("login.aspx") 
    15 } 
    16 </script> 
    17 </head> 
    18 <body> 
    19 <input type="button" onclick="new_page()" value="在新窗口打开s"/> 
    20 <input type="button" onclick="old_page()" value="跳转后有后退功能"/> 
    21 <input type="button" onclick="replace()" value="跳转后没有后退功能"/> 
    22 </body>
  • 相关阅读:
    Java web 会话技术 cookie与session
    Spring bean的bean的三种实例化方式
    Spring基础篇——通过Java注解和XML配置装配bean(转载)
    Spring的核心api和两种实例化方式
    Spring 7种事务传播类型
    leetcode 697
    leetcode 387
    Spring_002 依赖注入方式实现
    Spring_第一个Spring入门案例IOC
    谈谈对Spring IOC的理解(转载)
  • 原文地址:https://www.cnblogs.com/softwarefang/p/6094216.html
Copyright © 2011-2022 走看看