各页面数据的储存及获取

cookie 当前页面数据储存

当前页面数据储存 不能大于(4k)

session(会话)

各个页面之间数据的存储 关闭页面数据才会删除

永久存储 localStorage

可以同时更改不同页面的数据

sessionStorage的方法 localStorage都可以用

各个页面之间数据的存储 sessionStorage

设置数据 (储存数据)

以key , value 的形式储存

key : 名字(自己命名)

value : 需要储存的数据

sessionStorage.setItem("className", "f70");

获取数据(查找到返回属性值,没有返回null);

let f = sessionStorage.getItem(“className”);

删除数据

removeItem(“名字”)

sessionStorage.removeItem("className");//删除
cn = sessionStorage.getItem("className");
console.log(cn); //null

清空

sessionStorage.clear();

把js中各类数据转换成“字符串”进行储存

JSON.stringify( )

sessionStorage.setItem("obj",JSON.stringify(obj));

把sessionStorage获取到的值,转换成原本的数据类型

 let info = sessionStorage.getItem("obj");
 obj=JSON.parse(info);
 console.log(typeof obj,obj);//object {name: "li", age: 18}