sessionStorage和localStorage的使用

1..sessionStorage的使用

 

sessionStorage.setItem('age',18);//数据存入session   写法1
sessionStorage.age = 18;//数据存入session   写法2
console.log(sessionStorage.getItem('age'));//获取session中的数据   写法1
console.log(sessionStorage.age);//获取session中的数据   写法2
sessionStorage.removeItem('age');//删除session中名为"age"的值
//localStorage和sessionStorage的存储数据大小一般都是：5MB
// 当用户关闭页面时，sessionStorage被销毁
//清除当前域名+端口号 下的 所有SessionStorage数据 （慎用）
//        sessionStorage.clear();
//重要：*****
//相同域名+端口号 在不同浏览器标签之间可以共享SessionStorage信息
//如果域名/端口号不同，则无法共享SessionStorage信息

2.localStorage的使用

localStorage.setItem('age',18);//数据存入localStorage   写法1
localStorage.age = 18;//数据存入localStorage   写法2
console.log(localStorage.getItem('age'));//获取localStorage中的数据   写法1
console.log(localStorage.age);//获取localStorage中的数据   写法2
localStorage.removeItem('age');//删除localStorage中名为"age"的值
//localStorage和sessionStorage的存储数据大小一般都是：5MB
// localStorage永久存在，除非手动销毁
//清除当前域名+端口号 下的 所有localStorage数据 （慎用）
//        localStorage.clear();
//重要：*****
//相同域名+端口号 在不同浏览器标签之间可以共享localStorage信息
//如果域名/端口号不同，则无法共享localStorage信息

3.sessionStorage也可存储Json对象：存储时，通过JSON.stringify()将对象转换为文本格式；读取时，通过JSON.parse()将文本转换回对象。（localStorag同样的道理）

let userEntity = {
    name: 'tom',
    age: 22
};
 
// 存储值：将对象转换为Json字符串
sessionStorage.setItem('user', JSON.stringify(userEntity));
 
// 取值时：把获取到的Json字符串转换回对象
let userJsonStr = sessionStorage.getItem('user');
userEntity = JSON.parse(userJsonStr);
console.log(userEntity.name); // => tom