本地存储Cookie、localStorage、sessionStorage

cookie、localStorage、sessionStorage都是存储在用户本地终端上的数据，一般会经过加密处理（例如base64编码）。通常将一些用户个人数据，例如用户名等存储在本地，既方便了用户的使用，也利于多个页面间传递数据时不用通过多次的请求服务器。

cookie

cookie采用”键=值”方式进行存储，且可以设置cookie的过期时间，在过期时间之前，即使窗口关闭或浏览器关闭，cookie也会一直存在

下面将cookie的常用方法写在一个对象中：

直接复制代码过来显示的样式太丑了，所以就截一张图，这样看代码舒服一点~(～￣▽￣)～

在Cookie对象中一共封装了四个方法：

Cookie.isAvailable()：有些浏览器会禁用cookie，所以通过这个方法来判断浏览器是否支持cookie，原理就是只需设置一个值然后再将其读回，然后进行比较即可。

Cookie.set(key,value,minstoexpire)：创建cookie

Cookie.get(key)：获取指定cookie的值

Cookie.del(key)：删除指定的cookie值，原理就是将cookie的过期时间设为-1，即设为过去的时间，则cookie就处于过期状态

注意：chrome不允许本地记录cookie，当上传到服务器时才可以，所以在本地chrome调试这段代码的时候返回的都会是一个空字符串，可以在IE或者FF上测试。

localStorage、sessionStorage

localStorage和sessionStorage都是h5新增的本地存储方法，也是通过”键：值”对的形式存储数据，区别在于两者的生存时间不同：
localStorage是持久性的，即使关闭窗口或者关闭浏览器，都不会被删除，除非进行手动删除；
sessionStorage是临时的，当窗口或者浏览器关闭，则其也会随之清除；

两者的用法是一样的，所以以用的最多的localStorage为例，同样的，把用到的方法封装在一个闭包中：

使用时也是一样，
Util.StorageSetter(key,value)：创建数据
Util.StorageGetter(key)：获取数据

是不是so easy啊~