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

    要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码

    JS跳转大概有以下几种方式:

    第一种:(跳转到b.html)
    <script language="javascript" type="text/javascript">
    window.location.href="b.html";
    </script>
    第二种:(返回上一页面)
    <script language="javascript">
    window.history.go(-1);
    </script>
    第三种:
    <script language="javascript">
    window.navigate("b.html");
    </script>
    第四种:
    <script language="JavaScript">
    self.location=’b.html’;
    </script>
    第五种:
    <script language="javascript">
    top.location=’b.html’;
    </script>



    页面传值:
    第一个页面
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <SCRIPT LANGUAGE="JavaScript">
        function test(){
            var s = document.getElementById("txt");
            location.href="test2.html?"+"txt="+encodeURI(s.value);
        }
    </SCRIPT>
    <body>
    
    <input type="text" id="txt">
    </br>
    <input type="button" value="TEST" onclick="test()"/>
    
    </body>
    </html>
    

     页面传值:

     第二个页面

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    
    <body>
      <script language="javascript" type="text/javascript">
      var loc = location.href;
      var n1 = loc.length;//地址的总长度
      var n2 = loc.indexOf("=");//取得=号的位置
      var id = decodeURI(loc.substr(n2+1, n1-n2));//从=号后面的内容
      alert(id);
      //document.write(id)
      </script>
    </body>
    </html>
    

      

    原文来自于:https://www.cnblogs.com/lyggqm/p/5688028.html

  • 相关阅读:
    POJ-2393
    POJ-1328
    POJ-2376
    CF-811B
    CF-811A
    CF-816B
    P1111 修复公路
    P2777 [AHOI2016初中组]自行车比赛
    P1889 士兵站队
    P1459 三值的排序 Sorting a Three-Valued Sequence
  • 原文地址:https://www.cnblogs.com/xiong950413/p/14270637.html
Copyright © 2011-2022 走看看