`

客户端存储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
分享到:
评论

相关推荐

    sessionStorage本地存储数据实例

    - 数据存储在客户端,虽然相对于服务器更安全,但不能防止用户篡改。如果存储敏感信息,应加密处理。 总的来说,`sessionStorage`本地存储数据实例是提升Web应用用户体验的有效手段,尤其是在需要记住用户会话状态...

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

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

    Velocity小例子

    **Velocity简介** Velocity是Apache软件基金会的一个开源项目,它是一个基于Java的模板引擎,用于生成动态Web内容。...它通过将业务逻辑与表现层分离,使得开发者可以专注于业务代码,而设计师则可以专心于页面布局。...

    使用flash在客户端存储数据

    标题“使用Flash在客户端存储数据”涉及到的是一个利用Adobe Flash技术在用户计算机本地存储数据的方法。Flash曾经是互联网上广泛使用的交互式内容平台,其中包括一项功能,允许网站在用户的浏览器中存储信息,以便...

    深入掌握JavaScript的`localStorage`和`sessionStorage`:使用指南与最佳实践

    localStorage和sessionStorage是强大的Web存储API,它们为Web应用程序提供了在客户端存储数据的能力。通过合理使用这两种存储方式,可以显著提升用户体验和页面性能。然而,开发者需要注意存储限制、安全性和隐私...

    localStorage,sessionStorage的使用

    localStorage提供了一种在客户端存储数据的机制,其特点包括域内安全和永久保存。所谓域内安全意味着,同一域名下的页面可以相互访问存储的数据,而跨域则无法访问。永久保存指的是除非主动删除,否则存储的数据会在...

    一个本地存储工具控制localStorage和sessionStorage

    在Web开发中,数据存储是不可或缺的一部分,尤其是在客户端存储用户数据时。`localStorage`和`sessionStorage`是HTML5引入的两种本地存储机制,它们允许Web应用在用户的浏览器上保存数据,无需每次页面刷新或关闭后...

    一种更好的方法来使用localStorage和sessionStorage

    在JavaScript的世界里,`localStorage`和`sessionStorage`是两种非常重要的Web存储机制,它们允许开发者在用户浏览器中保存数据,以便在用户关闭并重新打开页面后仍然可以访问。这两个API是HTML5引入的,极大地扩展...

    Web存储 HTML5 实例

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

    【温故而知新】HTML5存储localStorage:sessionStorage.md

    - **安全性**:由于`localStorage`和`sessionStorage`都存储在客户端,因此需要注意数据的安全性。不要将敏感信息(如密码)存储在这些地方。 - **跨域问题**:存储的数据只能由同源策略限制下的相同域名访问。 - **...

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

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

    JS localStorage存储对象,sessionStorage存储数组对象操作示例

    JavaScript 的 `localStorage` 和 `sessionStorage` 提供了在客户端存储数据的能力,结合JSON的序列化和反序列化功能,可以方便地存储和读取对象和数组。通过理解并熟练运用这些技术,开发者可以更好地构建交互性强...

    实现在客户端的页面缓存

    然而,需要注意的是,随着HTML5技术的发展,Flash的使用逐渐减少,因为HTML5提供了诸如localStorage、indexDB等更现代、更安全的客户端存储解决方案。它们不需要额外的插件,且具有更大的存储空间,更适合现代Web...

    WEB客户端技术 WEB客户端技术

    Web Storage(包括localStorage和sessionStorage)为浏览器提供了本地数据存储的能力,解决了Cookie的大小和安全性限制。 **移动Web与Progressive Web Apps (PWA)** 随着移动设备的普及,移动Web成为不可或缺的一...

    jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法

    这些机制使得开发者可以在客户端本地存储信息,从而提高应用性能,减少对服务器的依赖,同时也为用户提供更好的体验。本文主要介绍jQuery如何访问这三种存储方式。 ### 1. Cookie **定义与特性**: Cookie是一种...

    es-storage:访问客户端存储

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

    HTML5离线应用与客户端存储的实现

    总的来说,HTML5离线应用与客户端存储的实现通过`navigator.onLine`、应用缓存、`localStorage`和`sessionStorage`等特性,极大地提升了Web应用的离线可用性和用户体验。开发者可以根据应用场景选择合适的技术,实现...

    CookiesjsJavaScript客户端的Cookie操作库

    但Cookie会被发送到服务器,而localStorage和sessionStorage则不会,因此在存储大量数据时,后两者更高效且节省带宽。 7. **最佳实践:** 使用Cookies.js时,应遵循最小化原则,只存储必要的数据,并设定合理的过期...

Global site tag (gtag.js) - Google Analytics