sessionStorage && localStorage

sessionStorage && localStorage

localStorage 类似 sessionStorage，但其区别在于：

localStorage

1、localStorage 里面存储的数据没有过期时间设置，可以长期保留

localStorage 中的键值对总是以字符串的形式存储。 (需要注意, 和js对象相比, 键值对总是以字符串的形式存储意味着数值类型会自动转化为字符串类型)

sessionStorage

2、sessionStorage 里面存储的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。——也就是说，当页面被关闭时，存储在 sessionStorage 的数据会被清除 。

在新标签或窗口打开一个页面时会复制顶级浏览会话的上下文作为新会话的上下文，这点和 session cookies 的运行方式不同。

 

注：存储在sessionStorage或localStorage中的数据特定于该页面的协议。

 

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/sessionStorage

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/localStorage