本地存储

本地存储

HTML5规范提出了需要本地存储大量数据的相关解决方案。

1. window.sessionStorage

[特点]：

• 生命周期为关闭浏览器窗口
• 在同一个窗口（页面）下数据可以共享
• 以键值对的形式存储

[语法]：

• 存储：sessionStorage.setItem(key, value)
• 获取：sessionStorage.getItem(key)
• 删除: sessionStorage.removeItem(key)
• 删除全部数据: sessionStorage.clear()

2. window.localStorage

[特点]：

• 生命周期永久有效，除非手动删除，不然关掉页面也会存在
• 可以多窗口（页面）共享数据，只要在同一浏览器中
• 也是以键值对的形式存储使用

[语法]：

• 存储：localStorage.setItem(key, value)
• 获取：localStorage.getItem(key)
• 删除：localStorage.removeItem(key)
• 删除全部数据: localStorage.clear()