HTML5本地储存localStorage/sessionStorage

设置值
sessionStorage/localStorage.setItem(key,value);


取值
var v=sessionStorage/localStorage.getItem(key);


删除
sessionStorage/localStorage.removeItem(key);


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


遍历
var session=window.sessionStorage;
var allRecode=[];
for(var i=0;i<session.length;i++){
var key=session.key(i);
var value=session.getItem(key);
allRecode.push(value);
}

web storage和cookie的区别

Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。

除此之外，Web Storage拥有setItem,getItem,removeItem,clear等方法，不像cookie需要前端开发者自己封装setCookie，getCookie。

但是Cookie也是不可以或缺的：Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生