`

客户端存储sessionStorage

 
阅读更多
HTML5 提供了两种在客户端存储数据的新方法:
localStorage - 没有时间限制的数据存储 http://wangjingyi.iteye.com/blog/2180875
sessionStorage - 针对一个 session 的数据存储

与Cookie区别:
cookie大小是受限的,并且每次请求一个新的页面的时候都会被发送过去,无形中浪费了带宽,另外cookie还需要指定作用域,不可以跨域调用。与服务器进行交互,作为HTTP规范的一部分而存在。

客户端存储数据(web storage):
大部分web浏览器都能正常使用。

sessionStorage:
    本地存储一个会话中的数据,在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。
    会话级别的存储。


方法同localStorage:
sessionStorage.getItem(key)       ---- 获取指定key的本地存储的值
sessionStorage.setItem(key,value) ---- 将value存储到key字段中
sessionStorage.removeItem(key)    ---- 删除指定ke的本地存储的值
sessionStorage.length             ---- sessionStorage的项目数
sessionStorage.clear()            ----只清空当前会话存储的数据 

http://www.cnblogs.com/yuzhongwusan/archive/2011/12/19/2293347.html
分享到:
评论

相关推荐

    clientpersist是localForage的分支支持sessionStorage的Web客户端离线存储

    client-persist:是localForage的分支,支持sessionStorage的Web客户端离线存储。 支持使用API轻松抓取IndexedDB,WebSQL,localStorage和sessionStorage。

    Velocity小例子

    NULL 博文链接:https://ymiter.iteye.com/blog/1743918

    Web存储 HTML5 实例

    在客户端存储数据 HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前,这些都是由 cookie 完成的。但是 cookie 不适合...

    详解如何获取localStorage最大存储大小的方法

    sessionStorage:仅在客户端存储不参与服务器通信,存储大小一般为5M,会话级存储,也就是说如果关闭当前页面或者浏览器那么就会清除 cookie:客户端存储,参与服务器通信,存储大小为4k,可设置生命周期,在设置的生命...

    es-storage:访问客户端存储

    es存储访问客户端存储安装使用软件包管理器安装es-storage。 npm install es-storage用法import { localStorage , sessionStorage } from 'es-storage' ;sessionStorage . set ( 'key' , null )sessionStorage . get...

    cookie,localStorage,sessionStorage区别与应用

    存储在客户端的临时信息,只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭,数据清空 存在内存中,除非自己删除 浏览器关闭,数据清空 存储信息 文本类型 字符串类型数据 同左 ...

    HTML5 使用 sessionStorage 进行页面传值的方法

    在客户端存储的方法有两种: 1. localStorage: 没有时间限制的存储,而且容量大,至少5M大小;所有相同域名的页面都可以存储和获取相同的数据。 2. sessionStorage: 针对一个session的数据存储,该tab关掉就会消失...

    IndexedDB增删改查插件,分别对增删改查进行了封装,调用对应的函数即可

    IndexedDB 是一种底层 API,用于在客户端存储大量的结构化数据(也包括文件/二进制大型对象(blobs))。该 API 使用索引实现对数据的高性能搜索。虽然 Web Storage 在存储较少量的数据很有用,但对于存储更大量的...

    session-storage:小型实用程序类,用于从sessionStorage中存储和检索复杂值

    在客户端中没有sessionStorage可用的那些实例中,此程序包也会正常(无提示)失败。发生这种情况的一个示例是用户的浏览器处于隐身模式时。在这种情况下,此程序包将使用一个简单的会话对象临时存储值。即使这些值...

    JS 中LocalStorage和SessionStorage的使用

    最近因为项目上需要使用到客户端存储,所以稍微研究了一下,以下说说自己的理解和使用经验 1.调用方法相同 各自都包含以下几种操作: //根据key获取对应的值; window.sessionStorage.getItem(key); window....

    基于js 本地存储(详解)

    在客户端运行的JS是不能操作用户电脑磁盘中的文件的(保护客户端运行的安全) 1、JS中的本地存储: 使用JS向浏览器的某一个...sessionStorage:信息的会话存储,会话窗口存在信息也存在,会话窗口关闭信息就消失了 2、C

    HTML5 Web 存储详解

    在客户端存储数据 HTML5 提供了两种在客户端存储数据的新方法: • localStorage – 没有时间限制的数据存储 • sessionStorage – 针对一个 session 的数据存储 之前,这些都是由 cookie 完成的。但是 cookie 不...

    awesome-web-storage:您需要了解的有关客户端存储的所有信息

    awesome-web-storage:您需要了解的有关客户端存储的所有信息

    JS中LocalStorage与SessionStorage五种循序渐进的使用方法

    localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。 他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。 localStorage生命周期是...

    boomerang-cache:boomerangCache是​​基于localStorage和sessionStorage的客户端缓存库

    boomerangCache是​​基于localStorage的客户端缓存库。 如何安装? Npm: npm install boomerang-cache 凉亭: bower install boomerang-cache 文件 API参考 创造 查看 放 得到 得到所有 长度 去掉 清除 ...

    web-store-js:使用sessionStorage或localStorage在Web浏览器中存储数据JavaScript库

    安装只需抓取或并将其包含在脚本标签中即可。用法 < script src =" web-store.min.js " > </ script >支持的浏览器在谷歌浏览器中测试兼容性web-store-js与Ext JS 6客户端代理兼容: 和 。

    Html5 web本地存储实例详解

    Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似HTML4的cookie,但可实现功能要比cookie强大的多,cookie大小被限制在4KB,Web Storage官方建议为每个网站5MB。 Web Storage又分为两种...

    html5超简单的localStorage实现记住密码的功能实现

    HTML5 提供了两种在客户端存储数据的新方法: localStorage – 没有时间限制的数据存储 sessionStorage – 针对一个 session 的数据存储 之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为...

    html5本地存储_动力节点Java学院整理

    Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似HTML4的cookie,但可实现功能要比cookie强大的多,cookie大小被限制在4KB,Web Storage官方建议为每个网站5MB。 Web Storage又分为两种...

Global site tag (gtag.js) - Google Analytics