客户端存储（client - side storage）

浏览器 FF 3.6

web服务器 APACHE 2.2

HTML5 草案

 

 

web项目中我们常碰到的是客户数据的存储和会话数据的保存。

HTML5 提供了本地存储的概念来解决以上问题。

 

HTML5的本地存储分为两种，一种是类似 session 概念的 sessionStorage；另一种是类似 cookie 的的localStorage。

 

1. sessionStorage

 

window.sessionStorage.test='hello'

 

上面的代码声明了一个key为test，value为hello的键值对。这个值的生命周期是这个这个上下文的生命周期。也就是说当窗体（页面）被销毁时，sessionStorage也随之销毁。

注意这里的value可以是对象,函数句柄以及基本的数据类型。

 

不过我觉得这个session的用处不是很大，我们完全可以用一个window下的对象来代替sessionStorage的功能.

 

2.localStorage

 

window.localStorage.name='hello name';

 

上面的代码声明了一个key为name，value为hello name的键值对。这个值的生命周期是永久的，直到用户主动删除cookie或缓存。

注意localStorage是有大小上限的，每个设备都会不一样，应该是M级以上的，具体的我也没查到。

 

这里还要注意的是localStorage是不能跨域访问的，对这个域的鉴别是由

  [schem] [host] [port]

来决定的。

比如 http://a.com 和 https://a.com是不能共享一个localStorage。

 

3.globalStorage

   一个FF yy的产物。功能和localStorage 一致。