本地存储

特性：

1、数据存储在用户浏览器中；

2、设置、读取方便，页面刷新也不丢失

3、容量较大

4、只能存储字符串，可以将对象JSON.stringify()编码后存储

 

1、sessionStorage  5M

 　　1、生命周期为关闭浏览器窗口

　　2、在同一窗口下可数据共享

　　3、以键值对存储 

//存储
sessionStorage.setItem(key, value);
//获取
sessionStorage.getItem(key, value);
//删除
sessionStorage.removeItem(key, value);
//清空
sessionStorage.clear();

 

2、localStorage  20M

　　1、生命周期永久生效，除非手动删除

　　2、可以多窗口共享（同一浏览器）

　　3、以键值对存储

//存储
localStorage.setItem(key, value);
//获取
localStorage.getItem(key, value);
//删除
localStorage.removeItem(key, value);
//清空
localStorage.clear();