Question

我知道有类似的问题，但是当用户在一个页面中插入数据时，你能用最简单的方式解释如何使用localStorage，但是这个数据应该在另一个文件中使用。

例如，在registration.html中我们有：

<input name="name" type="text" id="firstname"> <input type="button" value="OK" >

在cabinet.html中我想看到：

您好，输入名称

我需要使用JavaScript实现它。

Answer 1

客户端存储有两种选择。 LocalStorage和SessionStorage。不同之处在于会话关闭时会清除SessionStorage（例如浏览器关闭），而清除Web浏览器数据时会清除LocalStorage（例如cookie等）

使用方法：

LocalStorage.setItem("name", "John Doe");
LocalStorage.getItem("name");
SessionStorage.setItem("name", "John Doe");
SessionStorage.getItem("name");

这些可以在任何页面上使用。例如，您可以使用＆＃39; setItem＆＃39;在一个页面上＆＃39; getItem＆＃39;在另一个。

更多细节： [https://www.w3schools.com/html/html5_webstorage.asp][1]

Answer 2

<强> registration.html ：

anotherWebPage

<强> cabinet.html ：

<form id="registration-form">
  <input name="name" type="text" id="firstname" />
  <input type="submit" />
</form>
<script type="text/javascript">
  document.getElementById('registration-form')
    .addEventListener('submit', function (event) {
      event.preventDefault();
      localStorage.setItem('name', document.getElementById('firstname').value);
    });
</script>

JavaScript中的更简单的LocalStorage示例

2 个答案: