Web存储机制

Posted hello world

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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对象中,每个项目都是作为属性来存储在对象上,也就是说,我们可以通过调用属性的方法[ . 号 或者【】 ]来调用项目,从而获得其上面存储的数据 

以上是关于Web存储机制的主要内容,如果未能解决你的问题,请参考以下文章

web存储机制(localStorage和sessionStorage)

web存储机制localStorage和sessionStorage

Web存储机制—sessionStorage,localStorage使用方法

浏览器有几种储存机制?讲一讲:Storage for the Web

Web Storage

H5缓存机制浅析-移动端Web加载性能优化干货