localstorage

`localStorage` 是 HTML5 提供的一种在客户端（浏览器）存储数据的方式，它可以用来存储持久化的数据，即使用户关闭浏览器，数据仍然存在。它可以存储字符串类型的数据，最大存储容量为5MB，是以域名为单位进行存储的，不同域名之间的 `localStorage` 数据是独立的。它有以下几个常用的方法：

- `localStorage.setItem(key, value)`：设置一个 `key-value` 对，如果 `key` 已存在，则会覆盖原有的值。
- `localStorage.getItem(key)`：获取指定 `key` 的值。
- `localStorage.removeItem(key)`：删除指定 `key` 的值。
- `localStorage.clear()`：清除所有存储在 `localStorage` 中的数据。

需要注意的是，`localStorage` 中存储的数据是以字符串的形式进行存储的，如果需要存储其他类型的数据，需要使用 `JSON.stringify()` 将其转换为字符串，获取数据时再使用 `JSON.parse()` 将其转换回来。同时，由于 `localStorage` 存储的数据是明文存储的，因此不能将敏感信息存储在其中。

相关问题

localStorage

`localStorage` 和 `sessionStorage` 是 HTML5 中的两个新功能，它们都是存储在浏览器中的 key-value 对象。

`localStorage` 和 `sessionStorage` 的区别在于存储的时间不同：

- `localStorage` 存储的数据是永久性的，除非手动删除，否则数据不会过期。
- `sessionStorage` 存储的数据只在当前会话中有效，当页面关闭或浏览器退出后，数据会自动清除。

两者都可以通过 `localStorage` 和 `sessionStorage` 对象来访问。使用方法也类似，如下所示：

// 存储数据
localStorage.setItem("name", "John");
sessionStorage.setItem("name", "John");

// 获取数据
let name = localStorage.getItem("name");
let name = sessionStorage.getItem("name");

// 删除数据
localStorage.removeItem("name");
sessionStorage.removeItem("name");

这两种接口在大部分现代浏览器上都支持，但是需要注意的是它们的存储空间是有限的，在不同的浏览器上限制不同，通常是 5-10MB 之间