window.localStorage存取数据
时间: 2023-10-14 14:25:58 浏览: 97
localstorage本地存储工具
LocalStorage 是 HTML5 标准中新加入的一项功能,它允许在浏览器端存储数据,并且在同一域名下的所有页面共享。LocalStorage 的数据是持久化的,即便关闭浏览器也不会丢失。
LocalStorage 的 API 比较简单,它提供了以下几个方法:
1. `localStorage.setItem(key, value)`:将键值对存储到 localStorage 中;
2. `localStorage.getItem(key)`:从 localStorage 中获取指定键的值;
3. `localStorage.removeItem(key)`:从 localStorage 中删除指定键的值;
4. `localStorage.clear()`:清空 localStorage 中的所有键值对。
示例代码:
```javascript
// 存储数据
localStorage.setItem('name', '张三');
localStorage.setItem('age', '18');
// 获取数据
const name = localStorage.getItem('name');
const age = localStorage.getItem('age');
// 删除数据
localStorage.removeItem('name');
// 清空数据
localStorage.clear();
```
需要注意的是,LocalStorage 只能存储字符串类型的数据,如果要存储其他类型的数据,需要先将其转换为字符串类型,存储时再将其解析回来。比如:
```javascript
// 存储对象
const user = { name: '张三', age: 18 };
localStorage.setItem('user', JSON.stringify(user));
// 获取对象
const userStr = localStorage.getItem('user');
const userObj = JSON.parse(userStr);
```
阅读全文