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

     

     

    第一种:直接跳转加参数
    <script language="javascript" type="text/javascript">
    window.location.href=
    "login.jsp?backurl="+window.location.href; 
    </script>

    直接跳转无参数:

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

    第二种:返回上一次预览界面
    <script language=
    "javascript">
    alert(
    "返回");
    window.history.back(-1);
    </script>


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

    第三种:指定跳转页面 对框架无效。。。
    <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>
    第六种:按钮式 在button按钮添加 事件跳转。。
      <input name="pclog" type="button" value="GO" onClick="location.href='login.aspx'">
    第七种:在新窗口打开:
      <a href="javascript:" onClick="window.open('login.aspx','','height=500,width=611,scrollbars=yes,status=yes')">开新窗口</a>

    应用实例:

    <head> 
    <script language="javascript">

    function old_page() 

    window.location = "login.aspx" 

    function replace() 

    window.location.replace("login.aspx") 

    function new_page() 

    window.open("login.aspx") 

    </script> 
    </head> 
    <body> 
    <input type="button" onclick="new_page()" value="在新窗口打开s"/> 
    <input type="button" onclick="old_page()" value="跳转后有后退功能"/> 
    <input type="button" onclick="replace()" value="跳转后没有后退功能"/> 
    </body>

  • 相关阅读:
    HTML元素解释
    Java命名规范
    HDU 1058 Humble Numbers(DP,数)
    HDU 2845 Beans(DP,最大不连续和)
    HDU 2830 Matrix Swapping II (DP,最大全1矩阵)
    HDU 2870 Largest Submatrix(DP)
    HDU 1421 搬寝室(DP)
    HDU 2844 Coins (组合背包)
    HDU 2577 How to Type(模拟)
    HDU 2159 FATE(二维完全背包)
  • 原文地址:https://www.cnblogs.com/sallon/p/2623138.html
Copyright © 2011-2022 走看看