当前位置: 代码迷 >> Web前端 >> 客户端储存(client - side storage)
  详细解决方案

客户端储存(client - side storage)

热度:536   发布时间:2012-11-04 10:42:42.0
客户端存储(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 一致。

?

?

?

  相关解决方案