使用单击功能javascript将参数传递给另一个html页面

Question

我有一个页面 page1.html 并使用重定向功能将其重定向到另一个页面 page2.html：

第 1 页

...

<a id="link1" href="page2.html" hidden></a>

<input type="button" name="load1" id="load1" onclick="redirect1(2020);" value="page2"/>

...

<script>

function redirect1(argument1){

    $('#link1')[0].click(function(){

     }); 

}

</script>

...

第2页

...

<input name="test2" id="test2" value="0"/>

...

我想做的是将argument1 传递给page2 并将其分配给输入test2 值。我找不到这两个页面之间的连接，因为重定向页面时链接断开。任何想法？

Answer 1

有多种方法可以做到这一点。使用查询参数使用数据（本地存储，会话存储）// 使用本地存储// Page 1$('#load1').click(function(){&nbsp; localStorage.setItem("username", "some name")});// page 2$(function() {&nbsp; // get data&nbsp; const username&nbsp; = localStorage.getItem("username")})使用查询参数// If data is small, can use query params// Page 1$('#load1').click(function(){&nbsp;// redirect here with query param&nbsp; window.location = "/page2.html" + "?usename=" + "some name"});// Page 2$(function() {&nbsp; // get data&nbsp; const username&nbsp; = localStorage.getItem("username")&nbsp; // simply get query param, can write logic and see other code to get param&nbsp; const username = window.location.split("?usename=")[1]&nbsp;})