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 之间

相关问题

localStorage

localStorage是HTML5中新增的一种本地存储机制，可以让Web应用程序在客户端本地存储键值对数据，并在下次访问页面时使用。localStorage是基于键值对的，可以把数据存储在客户端的本地环境中，不受浏览器关闭的影响，即使关闭浏览器或者重新启动电脑，localStorage中存储的数据也不会丢失。localStorage的API非常简单，可以通过JavaScript代码轻松地进行访问和操作。

以下是localStorage的一些常用方法：

1.存储数据：可以通过localStorage.setItem(key, value)方法来存储数据，其中key是键名，value是键值。

2.获取数据：可以通过localStorage.getItem(key)方法来获取数据，其中key是键名。

3.删除数据：可以通过localStorage.removeItem(key)方法来删除数据，其中key是键名。

4.清空数据：可以通过localStorage.clear()方法来清空localStorage中所有存储的数据。

需要注意的是，localStorage的存储大小通常为5MB左右，存储数据时需要注意数据大小和数据格式，以免超出存储限制或者出现数据格式错误。