javascript - 如何在一页中获取输入字段的值并在另一页中打印？

Question

如何获取输入字段的值并将其打印到另一个 HTML 页面上？这是我的第一页:

index.html

<form action="page.html" method="get">
<label>Enter your name:</label><br>
<input type="text" id="firstName" name="firstName"><br>

<input type="submit" name="submit" value="Submit">
</form>

<script>
function myFunction() {
   var name = document.getElementById('firstName').value;
</script>

我想在“page.html”上打印那个“name”变量。请帮忙。

Answer 1

我建议你使用 localStorage ，设置这个值:

localStorage.setItem('nameOfVariable', value);

加载其他页面后，您可以使用

获取值

localStorage.getItem('nameOfVariable')

在你的情况下:

function setName() {
   var name = document.getElementById('firstName').value;
   localStorage.setItem('name', name);
}

在 page.html 中:

function getName() {
       var name = localStorage.getItem('name');
       // Do something
    }