html页面跳转转递参数

彦菘

已于 2024-06-06 15:28:46 修改

阅读量13

点赞数

分类专栏： javascript js 前端文章标签： html5

于 2022-06-29 17:40:10 首次发布

本文链接：https://blog.csdn.net/qq_22905801/article/details/125526474

版权

js 同时被 3 个专栏收录

7 篇文章 0 订阅

订阅专栏

javascript

5 篇文章 0 订阅

订阅专栏

前端

5 篇文章 0 订阅

订阅专栏

页面 A 与页面 B 点击都能跳转到页面 C ，页面 C根据传递过来的参数判断是由那个页面体跳过来的，然后跳转回去

页面 C

 <body class="gray-bg" onload="showvalf()">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12" id="jbxx">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>人员信息</h5>
                    <button type="button" onclick="tiaozhuan()" class="btn btn-primary">返 回</button>
                </div>

<script>
  var thisURL = document.URL;
  var  getval =thisURL.split('?')[1];
  var showval= getval.split("=")[1];
  var  tiaozhunindex = 0;
  function  showvalf(){

    tiaozhunindex=showval;
  }

  function tiaozhuan(){
    if(tiaozhunindex == 1){
            window.location.href="fpzhcx.html"
    };
    if(tiaozhunindex == 2){
            window.location.href="cqfpcx.html"
        }
  }
</script>

页面 A

function show() {
        document.location.href = "zsjbxx.html?cc=1";
        }

页面 B

 function show() {
        document.location.href = "zsjbxx.html?cc=2";
<!--            window.location.href="zsjbxx.html"-->
        }

转载的教程：

从a.html 跳转到b.html 并吧 a.html 的值传入b.html

a.html

<html>
 <head>
  <title> New Document </title>
    <script>
      function   to (){
        var  getval =document.getElementById("cc").value;
        document.location.href("b.html?cc="+getval);   
      }
    </script>
 </head>
 <body>
  <input type="text" id ="cc" > <input type="button"  value="a"  οnclick="to()" >
 </body>
</html>

b.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <title> New Document </title>
 <script>  
  var thisURL = document.URL;  
  var  getval =thisURL.split('?')[1];
  var showval= getval.split("=")[1];
  function  showvalf(){
     alert(showval);
     document.getElementById('ee').value=showval;
  }
</script>
 </head>
 <body οnlοad="showvalf()">
  <input type="text"  id ="ee" />
 </body>
</html>

彦菘

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html页面跳转转递参数

页面 A 与页面 B 点击都能跳转到页面 C ，页面 C根据传递过来的参数判断是由那个页面体跳过来的，然后跳转回去页面 C 页面 A 页面 B转载的教程：从a.html 跳转到b.html 并吧 a.html 的值传入b.htmla.html b.html...
复制链接

扫一扫

专栏目录