天天看点

html5-web本地存储

在html5中为我们提供了一种本地缓存机制,它将取代我们的cookie,并且它是不会随浏览器发会我们的服务器端的。我们可以采用js在客户端自由的操作本地缓存。html5中缓存主要有localStorage,和sessionStorage。他们的用法一致。区别在于他们的时间限制不同。localStorage是不存在时间限制的。而sessionStorage这时基于session的数据存储,在关闭或者离开网站后,数据将会被删除。   下面我们来简单看看官方的示例操作: javascript localStorage.fresh = “vfresh.org”;   //设置一个键值  var a = localStorage.fresh;   //获取键值 或者使用它的API:  //清空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系列:

<a target="_blank" href="http://whitewolfblog.blog.51cto.com/3973901/835103">html5声频audio和视频video</a>

<a target="_blank" href="http://whitewolfblog.blog.51cto.com/3973901/835243">html5-Canvas绘图</a>

<a target="_blank" href="http://whitewolfblog.blog.51cto.com/3973901/835238">html5之Canvas坐标变换应用-时钟实例</a>

<a target="_blank" href="http://whitewolfblog.blog.51cto.com/3973901/835235">html5-web本地存储</a>

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

继续阅读