html5-web本地存储

简介:

在html5中为我们提供了一种本地缓存机制,它将取代我们的cookie,并且它是不会随浏览器发会我们的服务器端的。我们可以采用js在客户端自由的操作本地缓存。html5中缓存主要有localStorage,和sessionStorage。他们的用法一致。区别在于他们的时间限制不同。localStorage是不存在时间限制的。而sessionStorage这时基于session的数据存储,在关闭或者离开网站后,数据将会被删除。

  下面我们来简单看看官方的示例操作:

javascript

localStorage.fresh = “vfresh.org”;   //设置一个键值 
var a = localStorage.fresh;   //获取键值

或者使用它的API: 
javascript

//清空storage 
localStorage.clear();

//设置一个键值 
localStorage.setItem(“fresh”,“vfresh.org”);

//获取一个键值 
localStorage.getItem(“fresh”); 

//return “vfresh.org” //获取指定下标的键的名称(如同Array) 
localStorage.key(0); 

//return “fresh” //删除一个键值 
localStorage.removeItem(“fresh”);

 

        sessionStorage相同就不用在废话了,他相当于我们的过期时间Expire=0的cookie;

 

     我的html5系列:

    1. html5声频audio和视频video
    2. html5-Canvas绘图
    3. html5之Canvas坐标变换应用-时钟实例
    4. html5-web本地存储

 





 本文转自 破狼 51CTO博客,原文链接:http://blog.51cto.com/whitewolfblog/835235,如需转载请自行联系原作者


相关文章
|
11月前
|
移动开发 前端开发 JavaScript
web应用 —— HTML(上)
web应用 —— HTML
7982 1
|
11月前
|
前端开发 安全 数据安全/隐私保护
|
12月前
|
存储 安全 API
HTML学习笔记(七) Web Storage
HTML学习笔记(七) Web Storage
101 0
|
存储 移动开发 开发者
HTML5 Web 存储|学习笔记
快速学习 HTML5 Web 存储
111 0
HTML5 Web 存储|学习笔记
|
Web App开发 移动开发 开发者
Silverlight面向客户端,HTML5面向Web
Bob Muglia在PDC 2010讲到Silverlight的时候,说“我们的策略已经转移了”,事后,他又试图澄清这到底是什么意思。Steve Ballmer和Tim Heuer也对Silverlight发表评论,试图重新让社区确信微软对Silverlight的承诺,但是他们也指出这样的事实,HTML5是针对跨平台开发的解决方案,而Silverlight针对的是客户端和Windows Phone。
1091 0
|
存储 移动开发 JavaScript
07.HTML 5 Web 存储
(来自W3CSchool) 在客户端存储数据 HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前,这些都是由 cookie 完成的。
1192 0
|
存储 移动开发 缓存
|
Web App开发 存储
HTML5本地存储之Web Storage
Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似HTML4的cookie,但可实现功能要比cookie强大的多,cookie大小被限制在4KB,WebStorage官方建议为每个网站5MB。 Web Storage又分为两种:        sessionStorage        localStorage   从字面意思就可以很清楚的看出来,ses
1388 0