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

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本地存储。将提示符返回的值存储在浏览器的本地存储中，然后在下一页中检索：

第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

您可以使用Querystring传递数据，以便在第2页的链接上添加数据，例如

page2.html?username=Me

然后，您可以根据使用的框架来读取这些查询字符串参数。

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