浏览器存储（html4 cookie html5 本地存储-----）服务器端存储（session） 离线存储
HTML4中应用cookies在客户端保留诸如用户名等简略的信息，然而，应用cookies存储永恒数据存在以下问题：
大小：cookies的大小限度在4KB----5M
带宽：cookies是随HTTP事务一起被发送的，因而会节约一部分带宽
复杂性：正确的操纵cookies是很艰难的
HTML5从新提供了一种在客户端本地保留数据的性能，Web Storage
Cookie的作用是与服务器进行交互，作为HTTP标准的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生
Web Storage性能，就是在Web上存储数据，分为两种：
sessionStorage：将数据保留在session对象中。所谓session，是指用户在浏览某个网站时，从进入网站到浏览器敞开所通过的这段时间，session对象可用来保留在这段时间内所要求保留的任何数据
localStorage：将数据保留在客户端本地的硬件设施中，即便浏览器敞开了，该数据依然存在，下次关上浏览器拜访网站时依然可用
区别：sessionStorage为长期保留，localStorage为永恒保留
HTML5中提供了localStorage对象能够将数据长期保留在客户端，直到人为革除。localStorage提供了几个办法:
1、存储：localStorage.setItem(key,value)
如果key存在时，更新value
2、获取：localStorage.getItem(key)
如果key不存在返回null
3、删除：localStorage.removeItem(key)
一旦删除，key对应的数据将会全副删除
4、全副革除：localStorage.clear()
某些时候应用removeItem一一删除太麻烦，能够应用clear,执行的结果是会革除所有localStorage对象保留的数据
5、遍历localStorage存储的key
.length 数据总量，例：localStorage.length
.key(index) 获取key，例：var key=localStorage.key(index);
6、存储JSON格局数据
JSON.stringify(data) 将一个对象转换成JSON格局的数据串,返回转换后的串
JSON.parse(data) 将数据解析成对象，返回解析后的对象