HTML5 web本地存储或将取代cookie-职坐标

HTML5 web本地存储或将取代cookie

沉沙 2018-06-26 来源：阅读 1090 评论 0

摘要：在HTML5 中为我们提供了一种本地缓存机制，它将取代我们的cookie，并且它是不会随浏览器发会我们的服务器端的。希望阅读本篇文章以后大家有所收获，帮助大家对HTML5的理解更加深入。

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

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

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；

本文由职坐标整理发布，欢迎关注职坐标WEB前端HTML5/CSS3频道，获取更多WEB前端知识！

html5教程菜鸟教程 html5+css3从入门到精通下载 html5培训

本文由 @沉沙发布于职坐标。未经许可，禁止转载。