网页中使用localStorage

localStorage是一种在浏览器中存储键值对的API，它可以让我们在浏览器中存储数据，而不需要在每次请求时都发送数据。下面是一些使用localStorage的示例：

1. 存储数据

使用localStorage.setItem()方法可以将数据存储到localStorage中，例如：

localStorage.setItem('name', 'Tom');

这将在localStorage中存储一个键为"name"，值为"Tom"的键值对。

2. 获取数据

使用localStorage.getItem()方法可以从localStorage中获取数据，例如：

const name = localStorage.getItem('name');
console.log(name); // 输出 "Tom"

这将从localStorage中获取键为"name"的值，并将其存储在变量name中。

3. 删除数据

使用localStorage.removeItem()方法可以从localStorage中删除数据，例如：

localStorage.removeItem('name');

这将从localStorage中删除键为"name"的键值对。

4. 清空数据

使用localStorage.clear()方法可以清空localStorage中的所有数据，例如：

localStorage.clear();

这将从localStorage中删除所有键值对。

需要注意的是，localStorage中只能存储字符串类型的数据，如果需要存储其他类型的数据，需要先将其转换为字符串。例如：

const obj = { name: 'Tom', age: 18 };
localStorage.setItem('user', JSON.stringify(obj));

这将将一个对象转换为字符串并存储在localStorage中。在获取数据时，需要将其转换回对象：

const userStr = localStorage.getItem('user');
const user = JSON.parse(userStr);
console.log(user); // 输出 { name: 'Tom', age: 18 }
``