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`本地存储数据实例是提升Web应用用户体验的有效手段,尤其是在需要记住用户会话状态...
client-persist:是localForage的分支,支持sessionStorage的Web客户端离线存储。 支持使用API轻松抓取IndexedDB,WebSQL,localStorage和sessionStorage。
**Velocity简介** Velocity是Apache软件基金会的一个开源项目,它是一个基于Java的模板引擎,用于生成动态Web内容。...它通过将业务逻辑与表现层分离,使得开发者可以专注于业务代码,而设计师则可以专心于页面布局。...
标题“使用Flash在客户端存储数据”涉及到的是一个利用Adobe Flash技术在用户计算机本地存储数据的方法。Flash曾经是互联网上广泛使用的交互式内容平台,其中包括一项功能,允许网站在用户的浏览器中存储信息,以便...
localStorage和sessionStorage是强大的Web存储API,它们为Web应用程序提供了在客户端存储数据的能力。通过合理使用这两种存储方式,可以显著提升用户体验和页面性能。然而,开发者需要注意存储限制、安全性和隐私...
localStorage提供了一种在客户端存储数据的机制,其特点包括域内安全和永久保存。所谓域内安全意味着,同一域名下的页面可以相互访问存储的数据,而跨域则无法访问。永久保存指的是除非主动删除,否则存储的数据会在...
在Web开发中,数据存储是不可或缺的一部分,尤其是在客户端存储用户数据时。`localStorage`和`sessionStorage`是HTML5引入的两种本地存储机制,它们允许Web应用在用户的浏览器上保存数据,无需每次页面刷新或关闭后...
在JavaScript的世界里,`localStorage`和`sessionStorage`是两种非常重要的Web存储机制,它们允许开发者在用户浏览器中保存数据,以便在用户关闭并重新打开页面后仍然可以访问。这两个API是HTML5引入的,极大地扩展...
在客户端存储数据 HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前,这些都是由 cookie 完成的。但是 cookie 不适合...
- **安全性**:由于`localStorage`和`sessionStorage`都存储在客户端,因此需要注意数据的安全性。不要将敏感信息(如密码)存储在这些地方。 - **跨域问题**:存储的数据只能由同源策略限制下的相同域名访问。 - **...
sessionStorage:仅在客户端存储不参与服务器通信,存储大小一般为5M,会话级存储,也就是说如果关闭当前页面或者浏览器那么就会清除 cookie:客户端存储,参与服务器通信,存储大小为4k,可设置生命周期,在设置的生命...
JavaScript 的 `localStorage` 和 `sessionStorage` 提供了在客户端存储数据的能力,结合JSON的序列化和反序列化功能,可以方便地存储和读取对象和数组。通过理解并熟练运用这些技术,开发者可以更好地构建交互性强...
然而,需要注意的是,随着HTML5技术的发展,Flash的使用逐渐减少,因为HTML5提供了诸如localStorage、indexDB等更现代、更安全的客户端存储解决方案。它们不需要额外的插件,且具有更大的存储空间,更适合现代Web...
Web Storage(包括localStorage和sessionStorage)为浏览器提供了本地数据存储的能力,解决了Cookie的大小和安全性限制。 **移动Web与Progressive Web Apps (PWA)** 随着移动设备的普及,移动Web成为不可或缺的一...
这些机制使得开发者可以在客户端本地存储信息,从而提高应用性能,减少对服务器的依赖,同时也为用户提供更好的体验。本文主要介绍jQuery如何访问这三种存储方式。 ### 1. Cookie **定义与特性**: Cookie是一种...
es存储访问客户端存储安装使用软件包管理器安装es-storage。 npm install es-storage用法import { localStorage , sessionStorage } from 'es-storage' ;sessionStorage . set ( 'key' , null )sessionStorage . get...
总的来说,HTML5离线应用与客户端存储的实现通过`navigator.onLine`、应用缓存、`localStorage`和`sessionStorage`等特性,极大地提升了Web应用的离线可用性和用户体验。开发者可以根据应用场景选择合适的技术,实现...
但Cookie会被发送到服务器,而localStorage和sessionStorage则不会,因此在存储大量数据时,后两者更高效且节省带宽。 7. **最佳实践:** 使用Cookies.js时,应遵循最小化原则,只存储必要的数据,并设定合理的过期...