cookie

cookie 是一些数据, 存储于你电脑上的文本文件中,由服务器创建，存放在客户端中。
当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。
cookie 的作用就是用于解决 "如何记录客户端的用户信息":

当用户访问 web 页面时，他的名字可以记录在 cookie 中。
在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。

使用document.cookie获取和修改cookie(字符串形式)
存储量太小，只有4KB(一个域下的所有cookie总和)
所有http请求都带有，会影响获取资源的效率

sessionStorage

当前会话(窗口，标签页，浏览器)关闭，会清除所有数据
sessionStorage对象绑定于某个服务器会话，所以当文件在本地运行的时候是不可用的

localStorage

访问同一个localStorage对象，页面必须来自同一个域名（子域名无效）、同一种协议，在同一端口上。

由于浏览器兼容性问题，故需要做浏览器兼容性判断：

if(window.localStorage) {
    ...
} else {
    alert("浏览器不支持localStorage!")
}

最大容量5MB
API简单易用，

var storage = window.localStorage;
// 写入方法：
storage.a = 10;
storage['b'] = 20;
storage.setItem('c',  30);
// 读取方法：
storage.a;
storage['b']
storage.getItem('c');
storage.key(index)                // 根据各字段的索引读取字段名
storage.removeItem(key)          // 清除对应字段的信息
storage.clear()                 // 清空 localStorage 所有内容

Chrome中的localStorage