Javascript:本地存储之localStorage
localStorage 是一种在客户端存储数据的机制,用于长久保存整个网页的数据,即使页面关闭或浏览器关闭后数据也不会丢失。只要在同一个域名下,localStorage中的数据都是可访问的。
以下是一些使用localStorage的方法:
- 存储数据
localStorage.setItem('key', 'value');
- 获取数据
var data = localStorage.getItem('key');
- 删除数据
localStorage.removeItem('key');
- 清空所有数据
localStorage.clear();
- 获取存储数据的数量
var length = localStorage.length;
- 获取某个索引位置的key
var key = localStorage.key(index);
例如,你可以使用localStorage来存储用户的登录状态:
// 存储用户信息
localStorage.setItem('userInfo', JSON.stringify({name: 'John', age: 30}));
// 获取用户信息
var userInfo = JSON.parse(localStorage.getItem('userInfo'));
console.log(userInfo); // {name: 'John', age: 30}
注意:localStorage中只能存储字符串。如果要存储对象,需要先使用JSON.stringify()将对象转换成字符串;读取时使用JSON.parse()将字符串转换回对象。
评论已关闭