本地存储localStorage的使用及剩余量计算

1. 本地存储的使用
2. 和cookie的区别
3. 检测某一个网页下localStorage的剩余容量

一、使用

// 存储
localStorage.setItem("name", "value");
// 取回
localStorage.getItem("name");
！本地存储必须是字符串类型的，如果是想要存对象/数组，需要先将对象/数组转换成字符串来存储
var ArrResults =['a','b','c']；/ var ArrResults = {'name':'amao' , 'hh':'gg'}；
//存
localStorage.setItem('result', JSON.stringify(ArrResults))
//取
var result = JSON.parse(localStorage.getItem('result'))

二、区别

localStorage - 存储没有截止日期的数据
sessionStorage - 针对一个 session 来存储数据（当关闭浏览器标签页时数据会丢失）
localStorage - 仅在客户端存储不参与服务器通信，存储大小一般为5M，如果不是人为清除，那么即使是关闭浏览器也会一直存在。
sessionStorage - 仅在客户端存储不参与服务器通信，存储大小一般为5M，会话级存储，也就是说如果关闭当前页面或者浏览器那么就会清除
cookie - 客户端存储，参与服务器通信，存储大小为4k,可设置生命周期，在设置的生命周期内有效

三、检测剩余量