localStorage, sessionStorage, cookie的区别

1，localStorage: 生命周期是永久的，除非用户清除localStorage, 否则这些信息永远存在，存放数据一般是5MB, 它仅在客户端（浏览器）中保存，不会参与服务器的通信；

2，sessionStorage: 仅在当前会话下有效，关闭页面或者浏览器后被清除，存放数据大小一般为5MB, 仅在客户端保存，不参与和服务器的通信。

localStorage 和 sessionStorage 使用相同的API:

localStorage.setItem('key','value');
localStorage.getItem('key'); // value
localStorage.removeItem('key');
localStorage.clear();

作用域不同：不同浏览器无法共享localStorage, sessionStorage, 相同浏览器的不同页面（同域名同端口）可以共享localStorage，不同页面或标签页面无法共享sessionStorage信息；

3，cookie ：生命周期只在设置的cookie过期时间之前有效，存放数据大小为4k ；敏感数据不要放在cookie里面；

通过 document.cookie设置cookie,

document.cookie='name=xiaoming;expires='+oDate

过期时间：expires=时间/max-age=秒(不设置的话默认是临时存储) 

     Cookie cookie1=new Cookie("cookie1","aaa");
      cookie1.setMaxAge(60*60)