在应用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:必须借助于服务器