javascript - 数据到另一页

Question

我试图在一个页面上进行输入，比方说，用户输入他们的名字，然后单击“提交”按钮，会将他们带到另一个页面，其中显示“你好”“名字”。

我似乎可以正常工作，但是当我尝试另一个页面时，它没有携带输入。

有没有办法在一个页面上完成这一切？我不想显示输出。如果它是一页，我想进行转换，就像全屏输入名称一样:然后将转换提交到新屏幕，并显示“Hello，名称”。

我到目前为止的代码:

<label>Type your name: </label>
<input type="text" id="txtName">
<input type="button" value="click me" onclick="transfer()">

<script>
function sayHi(){
  var txtName = document.getElementById("txtName");
  var txtOutput = document.getElementById("txtOutput");
  var name = txtName.value;
  txtOutput.value = "Hi there, " + name + "!";
}

function transfer() {
  location.href = "output.html";
}
</script>

新页面

<input id="txtOutput">

Answer 1

看看localstorage API 。 Localstorage 允许您在浏览器中存储数据，如下所示:

localStorage.setItem('item1', 'value1');

您可以稍后像这样访问此数据:

let cat = localStorage.getItem("item1");