使用localStorage
时间: 2023-12-24 19:54:03 浏览: 153
localstorage
localStorage是一种在浏览器中存储数据的机制,可以让你在浏览器关闭后仍然保留数据。localStorage可以存储字符串类型的数据,但也可以将其转换为其他类型(如对象、数组等)。
以下是使用localStorage的基本步骤:
1. 存储数据:使用`localStorage.setItem(key, value)`方法,其中key是存储的键名,value是存储的值。
```
localStorage.setItem('username', 'Tom');
```
2. 获取数据:使用`localStorage.getItem(key)`方法,其中key是要获取的键名。
```
let username = localStorage.getItem('username');
console.log(username); // 输出 'Tom'
```
3. 删除数据:使用`localStorage.removeItem(key)`方法,其中key是要删除的键名。
```
localStorage.removeItem('username');
```
需要注意的是,localStorage的存储容量是有限的,通常限制为5-10MB。如果存储的数据超出了容量限制,就会报错。因此,在使用localStorage时需要注意控制存储数据的大小。
阅读全文