如何使用js来实现通过href完成多个html页面之间的传递参数_如何用超链接向html页传递多个变量-CSDN博客

本文介绍了一种在不使用PHP和数据库的情况下，仅通过JavaScript和HTML，实现多个网页间参数传递的方法。具体操作包括：A.html向B.html传递name和time参数，B.html接收并继续传递给C.html，最终C.html展示接收到的参数值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有些时候我们需要在一连串的网站跳转中都要使用某些参数值，那么楼主分享的是：在不使用php和数据库的情况下，如何通过简单的js代码来实现多个网站之间的数值传递。（适合html+js菜鸟参考，高手勿喷~o(^▽^)o）
本文所要实现的功能如下：
1、A.html将某些值或者参数（name和time的值，分别是li和morning）通过href传递给b.html。
2、B.html成功接收到这些值，然后继续将这些值通过href传递下去给c.html。
3、C.html成功接收到这些值，并显示出来。

A.html

<body>
   <a href="B.html?name=li&time=morning">传递按钮</a>  //传递name=li和time=morning
</body>

B.html

<body>
   <a href="C.html" id="bbb">传递按钮</a>  

<script>
function GetRequest() {
        var url = location.search; //获取url中"?"符后的字串
        var theRequest = new Object();
        if (url.indexOf("?") != -1) {
            var str = url.substr(1);
            strs = str.split("&");
            for (var i = 0; i < strs.length; i++) {
                theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }

var Request = new Object();
    Request = GetRequest();
    var a, b;
    a = Request['name'];
    b = Request['time'];   
    document.getElementById("bbb").href = 'C.html?name='+a+'&time='+b;//修改href，继续传递
</script>
</body>

C.html

<body>
<p id="ccc"></p>  

<script>
function GetRequest() {
        var url = location.search; //获取url中"?"符后的字串
        var theRequest = new Object();
        if (url.indexOf("?") != -1) {
            var str = url.substr(1);
            strs = str.split("&");
            for (var i = 0; i < strs.length; i++) {
                theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }

var Request = new Object();
    Request = GetRequest();
    var a, b;
    a = Request['name'];
    b = Request['time'];   
    document.getElementById("ccc").write(name) ;
    document.getElementById("ccc").write(time) ;
</script>
</body>