本地存储 localStorage

本地存储

localStorage 和 sessionStorage 都是特定于页面的协议

localStorage长期存储，浏览器关闭,数据依然存在，存储的数据会保存在浏览器会话中，键值对以字符串形式存在

sessionStorage:短期存储，浏览器关闭，数据消失,

localStorage

1. 存储

   存储以键值对的方式进行即（’name‘: “张三”）

   两种方式可进行存储。

   1. localStorage.setItem(key, value)
   2. localStorage.key = value

2. 获取

   1. localStorage.getItem(key)
   2. localStorage.key

3. 删除

   localStorage.removeItem(key)删除单个数据

   localStorage.clear()删除全部数据

4. 长度

   localStorage.length

sessionStorage

存储在 sessionStorage 里面的数据在页面会话结束时会被清除。

• 页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。
• 在新标签或窗口打开一个页面时会复制顶级浏览会话的上下文作为新会话的上下文，这点和 session cookies 的运行方式不同。
• 打开多个相同的 URL 的 Tabs 页面，会创建各自的 sessionStorage。
• 关闭对应浏览器标签或窗口，会清除对应的 sessionStorage。

语法与localStorage类似