<<< html5本地储存

类似与Cookies，但由于Cookies储存量太小，大小也只有4－5KB的样子，html5的本地储存能存5M大小的数据

html5本地储存属性有，localStorage和sessionStorage，localStorage代表储存在本地，sessionStorage后面是随着session，窗口关闭即消失

localStorage

设置html5本地储存

localStorage.value = 1;//设置value 为"1"
localStorage["user"] = "admin";//设置user的值为"admin"
localStorage.setItem("password","123456");//设置password为"123456"

取出值属性
var a = localStorage["value"];//获取value的值
var b = localStorage.user;//获取user的值
var c = localStorage.getItem("password");//获取password的值

删除值
localStorage.removeItem("user");//清除user的值

localStorage.clear();//清除所有值

注：重复设置两个相同的值，第二次会覆盖第一次的

 

javascript使用json格式，如果要存储在本地，可调用JSON.stringify()将其转为字符串。读取出来后调用JSON.parse()将字符串转为json格式

var userMsg= {user:"admin","password":"123456","token":1};
storage.setItem("userMsg",JSON.stringify(userMsg));
userMsg= JSON.parse(storage.getItem("userMsg"));

 sessionStorage

 用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据会被销毁。
 不是一种持久化的本地存储。

 方法属性：

 sessionStorage.getItem(key)          // 获取指定key的本地存储的值
 sessionStorage.setItem(key,value)  //将value存储到key字段中
 sessionStorage.removeItem(key)    //删除指定ke的本地存储的值
 sessionStorage.length                   //sessionStorage的项目数

 sessionStorage.clear();  //清空当前会话存储的数据

html5本地储存支持浏览器