:- 关于本地存储和会话存储...
:- 关于本地存储和会话存储...
大家好，我们将学习 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（键，值）
- removeItem() 方法 — 此方法用于删除存储在内存中的值，以引用键。
sessionStorage.removeItem(key)
3.得到一个team()方法 — 此方法采用一个参数，该参数是用于获取使用特定键名存储的值的键。
sessionStorage.getItem(key)
4. clear() 方法 — 此方法用于清除会话存储中存储的所有值
sessionStorage.clear()
关于作者
:-我自己 Juveria Sadaf Khan，希望你们喜欢这个博客，如果是的话，请为我的赞赏鼓掌。感谢您阅读我的博客以获取更多信息，请关注我。至此，我的博客就结束了。很快就会见到你们。到那时保重…………。
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明
