标签：... 存储 sessionStorage 会话 localStorage 本地 方法

:- 关于本地存储和会话存储...

大家好，我们将学习 2 个主题。什么是本地存储和会话存储以及存储容量等等......让我们阅读并享受博客......

介绍...

本地存储和会话存储对象是 Web 存储 API 的一部分，是保存键/值对的两个很好的工具。使用本地存储和会话存储进行存储是 cookie 的替代方案，并且有一些优点。

Window.sessionStorage。

• 数据保存在本地，服务器无法读取，消除了cookies存在的安全问题。
• 它允许保存更多数据（大多数浏览器为 10Mb）。

只读会话存储属性访问当前源的会话存储对象。会话存储类似；不同之处在于，虽然本地存储中的数据不会过期，但会话存储中的数据会在 页面会话 结束。

• 每当在浏览器的特定选项卡中加载文档时，都会创建一个唯一的页面会话并将其分配给该特定选项卡。该页面会话仅对该特定选项卡有效。

:-本地存储，会话存储之间的区别。

:-本地存储的存储容量为5MB/10MB

:-会话存储的存储容量为5MB。

HTML Web 存储对象

HTML Web 存储提供了两个对象用于在客户端存储数据：

• window.localStorage - 存储没有过期日期的数据
• window.sessionStorage - 存储一个会话的数据（关闭浏览器选项卡时数据丢失）

在使用 Web 存储之前，请检查浏览器对 localStorage 和 sessionStorage 的支持：

浏览器支持

表中的数字指定了第一个完全支持 Web Storage 的浏览器版本。

什么是本地存储？

本地存储： 此只读接口属性提供对 Document 的本地存储对象的访问，存储的数据跨浏览器会话存储。与 sessionStorage 类似，不同之处在于 localStorage 数据在页面会话结束时被清除——即页面关闭时。当浏览器的最后一个“私人”选项卡关闭时（在私人浏览或隐身会话中加载的文档的本地存储数据），它会被清除。

本地存储有 4 种方法：-

1.setItem() 方法—— 这个方法有两个参数，一个是key，另一个是value。它用于将值与键的名称一起存储在特定位置

localStorage.setItem（键，值）

2.removeItem() 方法—— 此方法用于删除存储在内存中的值，以引用键。

localStorage.removeItem(key)

3.getItem() 方法—— 此方法采用一个参数，该参数是用于获取使用特定键名存储的值的键。

localStorage.getItem(key)

4. clear() 方法—— 此方法用于清除本地存储中存储的所有值。

localStorage.clear()

什么是会话存储？

可以使用 sessionStorage 只读属性访问会话存储对象。 sessionStorage 和 localStorage 的区别在于 localStorage 数据不会过期，而 sessionStorage 数据会在页面会话结束时被清除。

Session Storage 有 4 种方法：

1.setItem() 方法 — 该方法有两个参数，一个是 key，另一个是 value。它用于将值与键的名称一起存储在特定位置。

sessionStorage.setItem（键，值）

2. removeItem() 方法 — 此方法用于删除存储在内存中的值，以引用键。

sessionStorage.removeItem(key)

3.得到一个team()方法 — 此方法采用一个参数，该参数是用于获取使用特定键名存储的值的键。

sessionStorage.getItem(key)

4. clear() 方法 — 此方法用于清除会话存储中存储的所有值

sessionStorage.clear()

关于作者

:-我自己 Juveria Sadaf Khan，希望你们喜欢这个博客，如果是的话，请为我的赞赏鼓掌。感谢您阅读我的博客以获取更多信息，请关注我。至此，我的博客就结束了。很快就会见到你们。到那时保重…………。

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/9650/51550200

标签：...,存储,sessionStorage,会话,localStorage,本地,方法
来源： https://www.cnblogs.com/amboke/p/16648360.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。