网站建设资讯

NEWS

网站建设资讯

html5中web本地存储怎么用

这篇文章主要介绍了html5中web本地存储怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联建站自2013年起,先为镇宁等服务建站,镇宁等地企业,进行企业商务咨询服务。为镇宁企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

在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中web本地存储怎么用”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


分享名称:html5中web本地存储怎么用
本文路径:http://cdweb.net/article/gshsho.html