localStorage
时间: 2023-07-26 13:16:44 浏览: 153
LocalStorage
5星 · 资源好评率100%
localStorage 是 HTML5 提供的一种在客户端存储数据的机制,可以在不使用服务器的情况下将数据存储在浏览器中。localStorage 中存储的数据是永久性的,除非用户主动清除浏览器缓存或者使用代码清除 localStorage 中的数据。
在 JavaScript 中,可以通过以下代码来使用 localStorage:
```javascript
// 存储数据
localStorage.setItem('key', 'value');
// 读取数据
var value = localStorage.getItem('key');
console.log(value);
// 删除数据
localStorage.removeItem('key');
```
需要注意的是,localStorage 中只能存储字符串类型的数据。如果需要存储 JSON 格式的数据,可以使用 `JSON.stringify()` 方法将数据转换成字符串再进行存储,使用 `JSON.parse()` 方法将字符串转换成 JSON 格式的数据进行读取。
```javascript
// 存储 JSON 格式数据
var data = {name: 'John', age: 30};
localStorage.setItem('data', JSON.stringify(data));
// 读取 JSON 格式数据
var jsonData = localStorage.getItem('data');
var data = JSON.parse(jsonData);
console.log(data.name); // 输出 John
```
需要注意的是,localStorage 中存储的数据大小是有限制的,不同浏览器的限制大小也不同,一般情况下为 5MB 左右。因此,在使用 localStorage 存储数据时要注意数据大小,避免超出限制导致存储失败。
阅读全文