首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >有没有其他类似本地存储的选项,但在javascript中很容易使用?

有没有其他类似本地存储的选项,但在javascript中很容易使用?
EN

Stack Overflow用户
提问于 2015-08-05 07:26:36
回答 2查看 919关注 0票数 0

我是初学者,最近我一直在研究本地存储,但是我发现understand.So有点困难,除了本地存储之外,还有什么简单的替代方法来存储数据。

EN

回答 2

Stack Overflow用户

发布于 2015-08-05 07:35:59

由于在大多数人看来,用LocalStorage存储数据并不困难,我想我只想解释一下它是如何工作的:

它是一个简单的键/值存储,其中键和值都是字符串。创建键(用于标识特定数据项的任何字符串),然后在保存值时将值与该键关联。

假设您在一个名为username的变量中有一个用户名,您希望在LocalStorage中记住它。你所做的就是编一个钥匙,你要把它藏在下面。让我们使用"userID“,然后存储它,它需要一行代码:

代码语言:javascript
运行
复制
var username = "Bob";
localStorage.setItem("userID", username);   // saves "Bob" to the "userID" key

就这样。用户名现在存储在本地存储中。

现在,让我们假设在您网站上的其他网页上,您希望读取与此特定浏览器相关联的用户名。

代码语言:javascript
运行
复制
username = localStorage.getItem("userID");  // will get "Bob"

请记住,localStorage是每个域的,并且是本地存储在浏览器中的,因此每个域都有自己的localStorage集,并且一个域不能读取另一个域的存储。在这方面,它与cookie类似(只不过cookie还有一个路径和一个可以作为附加功能的过期)。localStorage值不会像cookies那样发送到服务器。它们只能保存在本地浏览器中,并且可以通过Javascript访问。

票数 0
EN

Stack Overflow用户

发布于 2015-08-05 08:04:37

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

代码语言:javascript
运行
复制
<input type="text" name="Name" id="a" />
<input type="password" name="pass" id="b" />
<input type="text" name="email" id="c" />

首先,在本地存储所需的数据。

代码语言:javascript
运行
复制
localStorage.UserName=document.getElementById(a);

现在检索存储的数据

当用户回来的时候,你可以用欢迎的信息来迎接他

代码语言:javascript
运行
复制
if(localStorage.UserName){alert("Welcome back "+localStorage.UserName)}

localStorage.UserName等于localStorage.setItem("UserName",“")

为了防止每次用户加载页面时出现javascript警报弹出欢迎消息,可以使用sessionStorage防止出现这种情况。

sessionStorage使用类似于localStorage ,但当用户关闭浏览器或选项卡时,sessionStorage中的值将过期。

代码与localStorage和sessionStorage

代码语言:javascript
运行
复制
<input type="text" name="Name" id="a" />
<input type="password" name="pass" id="b" />
<input type="text" name="email" id="c" />

首先,在本地存储所需的数据。

代码语言:javascript
运行
复制
localStorage.UserName=document.getElementById(a);

现在检索存储的数据

当用户回来的时候,你可以用欢迎的信息来迎接他。但防止重复使用sessionStorage

代码语言:javascript
运行
复制
if(!sessionStorage.ShowWelcomeMessage)
{
 if(localStorage.UserName){
  alert("Welcome back "+localStorage.UserName)
 }
sessionStorage.ShowWelcomeMessage="Done"
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31825993

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档