定义和使用
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。
localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。
localStorage 属性是只读的。
提示: 如果你只想将数据保存在当前会话中,可以使用 sessionStorage 属性, 该数据对象临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。
基本语法
保存数据语法:localStorage.setItem(“key”, “value”);
读取数据语法:var lastname = localStorage.getItem(“key”);
删除数据语法:localStorage.removeItem(“key”);
存储的数据格式
localStorage 是以字符串形式存储的
//声明数字类型
let index = 1;
console.log(typeof index); // number
//直接储存
localStorage.setItem('currentPage', index);
//获取的是字符串类型
let getIndex = localStorage.getItem('currentPage');
console.log(getIndex); // 1
console.log(typeof getIndex); // string
</script>
如何存对象
如果直接存入对象的话,只会显示[object]
var a={
name:"abc",
sex:"man"
}
console.log(a)
localStorage.setItem("key",a)
//使用JSON.stringify()方法转化为字符串再存入:
var a={
name:"abc",
sex:"man"
}
//存入:转为字符串
localStorage.setItem("user", JSON.stringify(a));
//取:转换成对象
var user = JSON.parse(localStorage.getItem("user"))
//删除:
//localStorage.remove("user");