Web Storage---Cookie,localStorage,sessionStorage

纯Javascript操作cookie只需要记住两点：

　　取出cookie：document.cookie中包含一个域名下的所有cookie，以prop1=value1;prop2=value2...propn=valuen的形式存储，所以要找出某个属性需要两次使用String.indexOf方法。

　　存储cookie:document.cookie=prop=value;expires=(Date) date .toGMTString();即可，一个是值，一个是到期时间！

当然需要留意一点的是JS中的Date对象，看下面这句

var d=new Date();
console.log(d);
d.setMinutes(d.getMinutes()+60);
console.log(d);

输出结果是

Date {Wed Oct 07 2015 11:10:30 GMT+0800}

Date {Wed Oct 07 2015 12:10:30 GMT+0800}

setMinutes会自动向前进位的，所以可以通过这种方式控制到期时间，可以按秒setSeconds、按分setMinutes、按小时setHours、按天setDate、按月setMonth、按年setFullYear等。

销毁一个cookie只需把其到期时间设为一个过去的时间即可。

HTML5提供给了两种客户端存储数据的新方法：

　　sessionStorage:针对一个session的数据存储

　　localStorage:没有时间限制的数据存储

之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。

对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。对其进行访问也是非常简单

sessionStorage.propname&localStorage.propname，直接把名字作为sessionStorage和localStorage的属性，把对应的值作为属性的值，就可以了！So easy!