Question

我试图将用户输入从一个页面保持到另一个页面。简化，我想要做的是如下：

第1页：

  var userInput = prompt("What is your name");

第2页：

  document.getElementById("userName").innerHTML = userInput;

用户输入他们的名字，然后点击指向下一页的链接，显示他们的名字。我无法找到一种将数据从一个页面保持到另一个页面的好方法。（我不知道如何使用cookie存储数据）。

Answer 1

像麦克波托爵士建议您可以使用本地商店来实现这一目标：

// Store
localStorage.setItem("Name", "What is your name");
// Retrieve
document.getElementById("userName").innerHTML = localStorage.getItem("Name");

Answer 2

您可以使用HTML5本地存储空间。将prompt（）返回的值存储在浏览器的本地存储中，然后在下一页中检索它：

第1页：

var userinput = prompt("What is your name?");
if (localStorage.getItem("uinput") {
  localStorage.removeItem("uinput");
} else {
  localStorage.setItem("uinput",userinput);
}

第2页：

var userinput = localStorage.getItem("uinput");

Answer 3

您可以使用查询字符串传递数据，因此在第2页的链接中，您可以添加数据，例如

page2.html?username=Me

然后您可以根据您使用的框架，通过不同的方法读取这些查询字符串参数。

如果这还不足以让您前进，如果您提供有关如何从第1页导航到另一个并且可以提供更多信息的信息。

如何使用JavaScript将用户从一个HTML页面输入到另一个HTML页面

3 个答案: