标签：... 存储 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,本地,方法
From： https://www.cnblogs.com/amboke/p/16648360.html