本地存储和离线存储相同的使用方法：
               1、setItem 设置存储内容
               2、getItem 获取存储内容
               3、removeItem 删除存储内容
               4、clear 删除存储内容
               5、length 属性获取存储内容个数
               6、key方法获取存储字段。

// 用法
1.  localStorage.setItem('Key名', 'Value值');   // 设置
2.  localStorage.getItem('Key名');    //返回value值。
3.  localStorage.removeItem('Key名');   //删除这个key的数据。
4.  localStorage.clear();    //清除所有内容
5.  localStorage.length;    // 获取个数
6.  localStorage.key && localStorage[key]      // 获取内容            

不同的存储时效：

localStorage 存储会持久化（无限的存储时间）

sessionStorage 存储会在网页会话结束后失效（网页关闭时失效，刷新没有问题）

不同的存储容量：

localStorage容量一般在2-5Mb左右。

sessionStorage存储容量不一，部分浏览器不设限。

使用Storage时的注意点：

1、储存容量超出限制
               解决：存储值时应使用 try catch 避免异常未捕获

2、存储类型的限制
               解决：只能储存字符串
                          注意类型转换

3、sessionStorage失效时机
               解决：刷新页面时并不能使sessionStorage失效
                          相同URL不同标签不能共享sessionStorage

扫描二维码关注公众号，回复： 12912987 查看本文章