【JavaScript】Web Storage API

Web Storage API 是一种用于在浏览器中存储和检索数据的简单语法。

window.localStorage

localStorage 对象:

• 允许在 Web 浏览器中保存键/值对。
• 存储没有到期日期的数据。浏览器关闭时数据不会被删除。

语法：

返回存储在 Storage 对象中的数据项数：

localStorage.length;

保存数据：

localStorage.setItem("key", "value");

读取数据：

localStorage.getItem("key");

返回存储中第 n 个键的名称：

localStorage.key(index)

删除数据：

localStorage.removeItem("key");

清空所有键：

localStorage.clear();

window.sessionStorage

sessionStorage 对象：

• 允许在 Web 浏览器中保存键/值对。
• 仅存储一个会话的数据（关闭浏览器选项卡时数据将被删除）。

语法：

对象属性和方法语法与 localStorage 一样，把 localStorage 换成 sessionStorage 即可。