Web存储机制

在应用cookie的时候，自己在想，有没有一种存储数据的方法不用像Cookie这样需要依赖于服务器运行，终于，今天看到了  js高程  Web存储机制的那一部分，好像打开了新世界的大门.....

Web  Storage 的主要目标，

1，提供一种在Cookie之外存储会话数据的途径

2，提供一种存储大量可以跨会话存在的数据的机制

通过Storage类型来存储的名值对儿，有如下方法：

1.clear(),  删除所有值

2.getItem（），根据指定的名字name获取对应的值

3.key( index)  获得index位置处的值的名字

4. removeItem（）；删除由name指定的名值对儿；

5，setItem（name,value） ; 为指定的name 设置一个对应的值

在storage对象中，每个项目都是作为属性来存储在对象上，也就是说，我们可以通过调用属性的方法[ . 号 或者【】 ]来调用项目，从而获得其上面存储的数据 

sessionStorage        localStorage           和cookie的区别

sessionStorage：

生命周期：保持到浏览器关闭，对于多页面应用有限制   session：会话，即用户打开到关闭浏览器的这段时间

sessionStorage对象绑定于某个服务器对话，，而且存储在sessionStorage中的数据只能由最初给对象存储数据的页面访问到，对于多页面应用有限制

localStorage：

数据保留到通过Javascript删除或者用户清除浏览器缓存

要访问同一个localStorage对象，页面必须来自同一个域名，使用同一种协议，在同一个端口上

可以实现在跨页面的存储访问到

在localStorage之中，只要在JavaScript中使用setItem()保存了数据，则这个数据会一直保存到浏览器清除缓存或者使用javascript删除（注意，这里我们说的使用JavaScript删除并不是你删除了setItem（）来实现的，即便删除了setItem,在本地保存的数据仍然存在，要删除保存的数据，使用delete操作符或者removeItem()删除数据，或者调用clear()方法来删除数据）

 cookie：必须借助于服务器