2022-04-27 本地存储:localStorage和sessionStorage的用法

localStorage

存储读取和删除

例子

// 存储
localStorage.setItem("name", "张三");
localStorage.setItem("age", 18);
// 读取
console.log(localStorage.getItem("name"));//张三
// 删除
localStorage.removeItem("name");
// 清除
//localStorage.clear();

结果

localStorage只能存字符串不能存对象,若要存则需转化成JSON字符串

// 存储对象到localStorage
var obj = {
    id: 1001,
    sex: "m"
};
// 先转化成JSON字符串
localStorage.setItem("obj", JSON.stringify(obj));
// 读取localStorage中的对象
// 同样把JSON字符串转化成对象
console.log(JSON.parse(localStorage.getItem("obj")));

session

存储读取和删除

语法和localStorage一模一样

与localStorage的区别

session是会话级,关闭页面就丢失,localStorage是永久存储

验证

第一次打开:

关闭浏览器,注释掉sessionStorage代码,重新打开浏览器: