Question

我是初学者，最近我一直在研究本地存储，但我发现它有点难以理解。所以有任何简单的替代本地存储，可以做类似的工作来存储数据。

Answer 1

因为，对于大多数人来说，在LocalStorage中存储数据并不困难，我想我只是解释它是如何工作的：

它是一个简单的键/值存储，其中键和值都是字符串。您可以创建密钥（要用于标识特定数据项的任何字符串），然后在保存值时将值与该密钥关联。

我们假设您在LocalStorage中要记住的名为username的变量中有一个用户名。你所做的就是制作一把你要存放它的钥匙。让我们使用＆＃34; userID＆＃34;然后要存储它，需要一行代码：

var username = "Bob";
localStorage.setItem("userID", username);   // saves "Bob" to the "userID" key

那就是它。用户名现在存储在本地存储中。

现在，假设您网站上的某些其他网页，您想要阅读与此特定浏览器相关联的用户名。

username = localStorage.getItem("userID");  // will get "Bob"

请记住，localStorage是每个域并存储在本地浏览器中，因此每个域都有自己的localStorage集，而一个域无法读取另一个域的存储。在这方面类似于cookie（除了cookie还有一个路径和到期可以是附加功能）。 localStorage值不像cookie那样发送到服务器。它们仅在浏览器中保留在本地，可通过Javascript访问。

Answer 2

让我们有一个新用户注册页面。

<input type="text" name="Name" id="a" />
<input type="password" name="pass" id="b" />
<input type="text" name="email" id="c" />

首先存储本地需要的数据。

localStorage.UserName=document.getElementById(a);

现在检索存储的数据

当用户回来时，您可以通过欢迎消息来迎接他

if(localStorage.UserName){alert("Welcome back "+localStorage.UserName)}

localStorage.UserName等于localStorage.setItem（＆＃34; UserName＆＃34;，＆＃34;＆＃34;）

为了防止每次用户加载页面时出现javascript警告弹出欢迎信息，您可以使用 sessionStorage

来阻止此操作

sessionStorage用法类似于localStorage ，但是当用户关闭浏览器或标签页时，sessionStorage中的值会过期

使用localStorage和sessionStorage的代码

<input type="text" name="Name" id="a" />
<input type="password" name="pass" id="b" />
<input type="text" name="email" id="c" />

首先存储本地需要的数据。

localStorage.UserName=document.getElementById(a);

现在检索存储的数据

当用户回来时，您可以通过欢迎信息与他打招呼。但是要防止使用sessionStorage重复

if(!sessionStorage.ShowWelcomeMessage)
{
 if(localStorage.UserName){
  alert("Welcome back "+localStorage.UserName)
 }
sessionStorage.ShowWelcomeMessage="Done"
}

还有其他选项，如本地存储，但在javascript中易于使用

2 个答案: