HTML5 提供了两种在客户端存储数据的新方法:
localStorage - 没有时间限制的数据存储 [url]http://wangjingyi.iteye.com/blog/2180875[/url]
sessionStorage - 针对一个 session 的数据存储
与Cookie区别:
cookie大小是受限的,并且每次请求一个新的页面的时候都会被发送过去,无形中浪费了带宽,另外cookie还需要指定作用域,不可以跨域调用。与服务器进行交互,作为HTTP规范的一部分而存在。
客户端存储数据(web storage):
大部分web浏览器都能正常使用。
[size=large][b]sessionStorage:[/b][/size]
本地存储一个会话中的数据,在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。
会话级别的存储。
方法同localStorage:
sessionStorage.getItem(key) ---- 获取指定key的本地存储的值
sessionStorage.setItem(key,value) ---- 将value存储到key字段中
sessionStorage.removeItem(key) ---- 删除指定ke的本地存储的值
sessionStorage.length ---- sessionStorage的项目数
sessionStorage.clear() ----只清空当前会话存储的数据
[url]http://www.cnblogs.com/yuzhongwusan/archive/2011/12/19/2293347.html[/url]
localStorage - 没有时间限制的数据存储 [url]http://wangjingyi.iteye.com/blog/2180875[/url]
sessionStorage - 针对一个 session 的数据存储
与Cookie区别:
cookie大小是受限的,并且每次请求一个新的页面的时候都会被发送过去,无形中浪费了带宽,另外cookie还需要指定作用域,不可以跨域调用。与服务器进行交互,作为HTTP规范的一部分而存在。
客户端存储数据(web storage):
大部分web浏览器都能正常使用。
[size=large][b]sessionStorage:[/b][/size]
本地存储一个会话中的数据,在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。
会话级别的存储。
方法同localStorage:
sessionStorage.getItem(key) ---- 获取指定key的本地存储的值
sessionStorage.setItem(key,value) ---- 将value存储到key字段中
sessionStorage.removeItem(key) ---- 删除指定ke的本地存储的值
sessionStorage.length ---- sessionStorage的项目数
sessionStorage.clear() ----只清空当前会话存储的数据
[url]http://www.cnblogs.com/yuzhongwusan/archive/2011/12/19/2293347.html[/url]