localStorage、SessionStorage统称为webStorage
1.存储大小一般支持5M左右(不同浏览器可能还不一样)
2.浏览器通过window.sessionStorage和window.localStorage属性来实现本地存储机制
3.相关API
a.xxxxStorage.setItem('key','value');
注意:存储的数据为对象时需要用JSON.stringify转换下,如果不转换对象会被默认调用tostring方法会返回[object,object]
例:let p={name:'张三', age:18}
localStorage.setItem("person",JSON.stringify(p))
该方法接受一个键和值作为参数,会把键值对添加到存储中,如果键名存在,则更新对应的值;
b.xxxxStorage.getItem('person');
该方法接受一个键和值作为参数 ,返回键名对应的值;
c.xxxxStorage.removeItem('key' );
该方法接受一个键和值作为参数,并把键名从存储中删除 ;
d.xxxxStorage.clear();
该方法会清空存储中的所有数据;
4.备注
a.SessionStorage存储的内容会随着浏览器窗口关闭而消失;
b.LocalStorage存储的内容需要手动清除才会消失;
c.xxxxStorage.getItem(xxx)如果xxx对应的value获取不到,那么getItem的返回值是null;
d.JSON.parse(null)的结果依然是 null;