Web Storage API

Web Storage API 是一组用于在 Web 浏览器中存储和检索数据的 JavaScript API。它提供了两种机制来存储数据：localStorage 和 sessionStorage。

localStorage: localStorage 提供了一个持久化的本地存储区域，其中存储的数据在浏览器关闭后仍然保持不变。可以通过调用localStorage.setItem(key, value)来将数据存储在 localStorage 中，并使用localStorage.getItem(key)来检索数据。
示例:
javascript
```
// 存储数据到localStorage
localStorage.setItem("name", "John");

// 检索数据
var name = localStorage.getItem("name");
console.log(name); // 输出: "John"
```
sessionStorage: sessionStorage 提供了一个会话级别的存储区域，其中存储的数据只在浏览器会话期间有效（即当窗口或标签页关闭时会被清除）。使用方式与 localStorage 相似，通过sessionStorage.setItem(key, value)存储数据，并通过sessionStorage.getItem(key)检索数据。
示例:
javascript
```
// 存储数据到sessionStorage
sessionStorage.setItem("age", "25");

// 检索数据
var age = sessionStorage.getItem("age");
console.log(age); // 输出: "25"
```

Web Storage API 还提供其他方法来管理存储的数据，如removeItem(key)删除指定键的数据，clear()清除所有存储的数据等。

Web Storage API 的优点包括：

简单易用：使用简洁的 API 方法即可进行存储和检索操作。
数据持久性：localStorage 中的数据在浏览器关闭后仍然存在，可以用于在用户下次访问网站时恢复数据。
会话级别存储：sessionStorage 中的数据在当前会话期间有效，非常适合存储临时数据或跨页面共享数据。

需要注意的是，Web Storage API 的数据存储限制在每个域名下，每个域名的 localStorage 和 sessionStorage 都是独立的，无法共享数据。此外，存储在 Web Storage 中的数据是以字符串的形式存储的，如果需要存储复杂的数据类型（如对象或数组），需要使用 JSON.stringify()将其转换为字符串，再使用 JSON.parse()将其转换回原始类型。

Web Storage API ​

Web Storage API