HTML5 web储存

使用 HTML5 Web 存储， 可以在本地存储用户的浏览数据。

（注：在 HTML5 之前，本地存储使用的是 cookie）

A.Web 存储的优势

1. 更加安全
2. 更加快速
3. 可以存储大量的数据
4. 每个服务器请求都不会发送存储的数据

（数据以 键/值 对存在, web网页的数据只允许该网页访问使用）

B. Web 存储对象有两种类型：

1. localStorage ：对象存储的数据没有时间限制
2. sessionStorage： 针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除

C.Web 存储使用的 API

不管是 localStorage，还是 sessionStorage，可使用的API都相同，常用的有如下几个（以localStorage为例，如果是sessionStoragen,将localStorage替换成sessionStoragen即可）：

1. 保存数据：localStorage.setItem(key,value)
2. 读取数据：localStorage.getItem(key)
3. 删除单个数据：localStorage.removeItem(key)
4. 清除所有数据：localStorage.clear()
5. 得到某个索引的key：localStorage.key(index)

 （注：键/值对通常以字符串存储，可以按自己的需要转换该格式。）

获取指定的key值：

for(var i=0;i<localStorage.length;i++){

    console.log(localStorage.key(i))

}

 

D.cookie

1. 内存小
2. .不安全
3. 不经常使用