码迷,mamicode.com
首页 > Web开发 > 详细

Web Storage---Cookie,localStorage,sessionStorage

时间:2015-10-07 12:05:47      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:

纯Javascript操作cookie只需要记住两点:

  取出cookie:document.cookie中包含一个域名下的所有cookie,以prop1=value1;prop2=value2...propn=valuen的形式存储,所以要找出某个属性需要两次使用String.indexOf方法。

  存储cookie:document.cookie=prop=value;expires=(Date) date .toGMTString();即可,一个是值,一个是到期时间!

当然需要留意一点的是JS中的Date对象,看下面这句

var d=new Date();
console.log(d);
d.setMinutes(d.getMinutes()+60);
console.log(d);

输出结果是

setMinutes会自动向前进位的,所以可以通过这种方式控制到期时间,可以按秒setSeconds、按分setMinutes、按小时setHours、按天setDate、按月setMonth、按年setFullYear等。
销毁一个cookie只需把其到期时间设为一个过去的时间即可。
HTML5提供给了两种客户端存储数据的新方法:
  sessionStorage:针对一个session的数据存储
  localStorage:没有时间限制的数据存储
之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。
对于不同的网站,数据存储于不同的区域,并且一个网站只能访问其自身的数据。对其进行访问也是非常简单
sessionStorage.propname&localStorage.propname,直接把名字作为sessionStorage和localStorage的属性,把对应的值作为属性的值,就可以了!So easy!

Web Storage---Cookie,localStorage,sessionStorage

标签:

原文地址:http://www.cnblogs.com/cq-shihao/p/4858436.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!