LocalStorage

LocalStorage是一种用于在网页浏览器中存储数据的Web API。它允许网页在用户的本地浏览器中存储和检索数据，以便在不同的页面会话之间进行持久化。

使用LocalStorage，网页可以将数据以键值对的形式存储在用户的浏览器中。存储的数据在浏览器关闭后仍然保持不变，直到网页显式删除或覆盖它们。这使得开发人员可以在用户浏览器中保存一些简单的应用程序状态、用户首选项、本地缓存数据等。

LocalStorage API提供了几个方法，包括setItem(key, value)用于设置键值对、getItem(key)用于获取指定键名的值、removeItem(key)用于删除指定键名的数据等。通过这些方法，开发人员可以很方便地管理和操作存储在LocalStorage中的数据。

需要注意的是，由于LocalStorage是在用户浏览器中存储数据的，因此它并不适合存储敏感信息或大量数据。此外，LocalStorage的数据仅在同一域名下共享，不同域名之间无法访问对方的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 之间