JavaScript——本地存储（包括：本地存储等概述、window.sessionStorage、window.localStorage等)

本地存储

• 本地存储的特性：

  1.数据存储在用户浏览器中。

  2.设置、读取方便、甚至页面刷新不丢失数据。

  3.容量较大，sessionStorage约5M、localStorage约20M。

  4.只能存储字符串，可以将对象JSON.stringify()编码后存储。

window.sessionStorage

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

sessionStorage.setItem(key, value)

//例子：
var uname = '蟹黄堡';
sessionStorage.setItem('username', uname);

• 获取数据：

sessionStorage.getItem(key)

• 删除数据：

sessionStorage.removeItem(key)

• 删除所有的数据：

sessionStorage.clear()

window.localStorage

• 生命周期永久有效，除非手动删除，否则关闭页面也会存在。

• 可以多窗口（页面）共享（同一浏览器可以共享）。

• 以键值对的形式存储使用。

• 存储数据：

localStorage.setItem(key,value)

• 获取数据：

localStorage.getItem(key)

• 删除数据：

localStorage.removeItem(key)

• 删除所有的数据：

localStorage.clear()

---

微信公众号也会定期更新，觉得文章写得还可以的，可以加个关注！点个赞！谢谢！