javascript - 使用javascript将用户输入的值传递到另一个html页面并使用javascript函数进行重定向

Question

我有一个 html 页面，要求用户输入以下内容

1. 用户名和密码点击提交重定向至load.html
2. 不输入，但点击生成ID，自动重定向到load.html
3. 输入唯一id，并重定向到load.html

但是，我知道我需要存储用户名和密码，或者唯一的 ID。我尝试过以下方法

var user = document.getElementById("username");
var password = document.getElementById("password");
localStorage.user = user;
localStorage.password = password;

我尝试通过以下方式在 load.html 中使用它

var user = localStorage.user;

但我不知道如何使用变量获取用户输入。另外，有没有一种方法可以使用函数而不是表单重定向到另一个网页？

提前致谢

function connector_id()
{
    var id_ =document.getElementById("id")
    id_.innerHTML=Math.floor((Math.random()*100000000)+100000000);
    return id_;
}

var user = document.getElementById("username");
var password;
localStorage.user = user;
localStorage.password = password;



</script>


<form action = "load.html" method = "post">
    Username: <input type = "text" name = "username" id="username"/>
    <br />
    Password: <input type = "password" name = "pass" />
    <br />
    <input type = "submit" value = "Submit">
</form>


<p id ="id"></p>

<button onclick="connector_id()">generate</button>
</p>

<form action = "load.html" method = "post">
    ID: <input type = "text" name = "username" />
    <input type = "submit" value = "Submit">
</form>

Answer 1

对于此类内容，您必须使用服务器端语言(PHP、ASP 等)，因为您可以通过文件等传递变量。

仅使用 HTML/JS 执行此操作会给您带来麻烦，因为您基本上将用户、通行证和 ID 公开给任何人。

看看这里:PHP Codecademy.com