• [HTML]js实现页面跳转,页面A跳到另一个页面B.以及页面传值(中文)


    要实现从一个页面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.back(-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>

    第二个页面:(test2.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>

     注:中文传输:可以在页面a用encodeURI 编码url  在b页面用decodeURI解码url

  • 相关阅读:
    apscheduler 踩坑
    fastapi 导出excel文件
    python flask 使用日志
    git 头指针游离问题
    C# 连接mysql填坑
    前端项目proxy小问题
    需完善--日志框架
    依赖<dependency>的scope了解
    git 退回到指定tag版本
    git切换远程仓库地址
  • 原文地址:https://www.cnblogs.com/lyggqm/p/5688028.html
Copyright © 2020-2023  润新知