Web-Storage-API
sessionStorage 按照顶级浏览上下文(一个Tab) + 同源 维持一个独立的存储区域,该存储区域在页面会话期间可用。
- 仅为会话存储数据,这意味着数据将一直存储到浏览器(或选项卡)关闭,即只要浏览器处于打开状态,包括页面重新加载和恢复。
localStorage 只按照 同源 维持一个独立的存储区域,该存储区域永久可用。
- 存储的数据没有过期日期,只能通过 JavaScript、清除浏览器缓存或本地存储的数据来清除。 存储限额是两者之间的最大值。
相同特性:
- 数据永远不会主动传输到服务器。
sessionStorage和localStorage在同一块配额池里统计,上线大小5MB。
调用方法
这两种机制是通过 Window.sessionStorage 和 Window.localStorage 属性使用,调用其中任一对象会创建 Storage 对象,通过 Storage 对象,可以设置、获取和移除数据项。对于每个源 sessionStorage 和 localStorage 使用不同的 Storage 对象独立运行和控制。