HTML5中Web Storage

cookie可以在客户端保存诸如用户名等简单的用户信息，主要的问题：
大小：cookie的大小被限制在4KB
带宽：cookie是随着HTTP事务一起被发送的，因此会浪费一部分带宽
复杂性：要正确的操纵cookie是困难的

HTML5中的Web Storage就是在Web上存储数据的功能。Web Storage又分为两种：

sessionStorage:
将数据保存在session对象中。所谓的session，是指用户在浏览某个网站时，从进入网站到浏览器关闭所经过的这段时间，也就是用户浏览这个网站所花费的时间。session对象可以用来保存在这段时间内所要求保存的任何数据。

localStorage：
将数据保存在客户端本地的硬件设备中，即使浏览器关闭了，该数据仍然存在，下次打开浏览器访问网站时仍然可以继续使用。

这两者的区别在于：sessionStorage为临时保存，而localStorage为永久保存。

1.读写数据的基本方法
(1) sessionStorage:
保存数据：sessionStorage.setItem(‘key’,’value’);
或：sessionStorage.key=’value’;
读取数据：变量=sessionStorage.getItem(‘key’);
或： 变量=sessionStorage.key;
(2) localStorage:
保存数据的方法：
localStorage.setItem(‘key’,’value’);
或：localStorage.key=’value’;
读取数据: 变量=localStorage.getItem(‘key’);
或：变量=localStorage.key;