HTML5存储

web storage和cookie的区别:
1.cookie的大小是受限的
2.每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽
3.Web Storage自身拥有setItem,getItem,removeItem,clear等方法，cookie需要前端开发者自己封装像setCookie，getCookie等方法。
4.cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生。

localStorage和sessionStorage
本地存储和离线存储相同的使用方法：
1，setItem方法设置存储内容。
2，getItem方法获取存储内容。
3，使用removeItem方法删除存储内容。
localStorage.setItem('Key名', 'Value值');
localStorage.getItem('Key名');//返回value值。
localStorage.removeItem('Key名');//删除这个key的数据。
session同理。
4，使用clear方法清除所有内容。
5，使用length属性获取存储内容个数。
6，使用key方法获取存储字段。
sessionStorage.clear();
sessionStorage.length;
sessionStorage.key(0);//获取第一个key的名称，依次类推。
localStorage同理。
-------
不同的存储时效：
localStorage存储会持久化。
sessionStorage存储会在网页会话结束（标签页的关闭）后失效。
---------
--------
不同的存储容量：
localStorage容量一般在2-5Mb左右。
sessionStorage存储容量不一，部分浏览器不设限。