仓库源文，站点原文

title: JavaScript本地储存（1）：cookie在前端 categories:

• JavaScript
• 杂物间 tags:
• tech
• cnblogs warning: true date: 2013-03-27 12:13:00 fromUrl: http://www.cnblogs.com/hustskyking/archive/2013/03/27/javascript-cookie.html from: 博客园

<style><!-- .tbArg{} .tbArg td { padding:2px;} .tbArg tr:nth-child(2n) { background:#eee} .tbArg tr:first { font-size:16px;} --></style>

<h3>Arguments [参数]</h3>

<h3>Detail [参数详解]</h3>

1 document.cookie  = 'username=木子Vs立青'

1 var date = new Date();
2
3 date.setDate(date.getDate()+30);
4 date.toGMTString();
5
6 document.cookie = "name=value;expires=date"

1 document.cookie = "name=value;expires=date;path=path"

1 document.cookie = "name=value;path=path;expires=date;domain=domain"

1 document.cookie = "name=value;path=path;expires=date;domain=example.com"

1 document.cookie = "username=木子Vs立青;secure"

<h3>Attention [注意事项]</h3>

1 document.cookie = name + "="+ escape (value);

<h3>Class [封装cookie方法的类]</h3>

1 //因为是作为类名或者命名空间的使用，所以和Math对象类似，这里使用Cookie来表示该对象
2 var Cookie = new Object();

 1 //name是要设置cookie的名称；value是设置cookie的值，option包括了其它选项，是一个对象作为参数
 2 Cookie.setCookie = function(name, value, option) {
 3   //用于存储赋值给document.cookie的cookie格式字符串
 4   var str = name+"="+escape(value);
 5   if(option) {
 6     //如果设置了过期时间
 7      if(option.expireDays) {
 8       var date = new date();
 9       var ms = option.expireDays*24*3600*1000;
10       date.setTime(date.getTime()+ms);
11       str += "; expires="+date.toGMTString();
12     }
13     if(option.path) str += "; path="+path;//设置访问路径
14      if(option.domain) str += "; domain="+domain;//设置访问主机
15      if(option.secure) str += "; true";//设置安全性
16   }
17   document.cookie = str;
18 }

 1 //name是指定cookie的名称，从而根据名称返回相应的值
 2 Cookie.getCookie = function(name) {
 3   var cookieArray = document.cookie.split("; ");//得到分割的cookie名值对
 4   var cookie = new Object();
 5   for(var i=0; i
<p><strong><span>　　4、实现删除Cookie的方法</span></strong></p>

1 //name是指定cookie的名称，从而根据这个名称删除相应的cookie。在实现中，删除cookie是通过调用setCookie来完成的，将option的expireDays属性指定为负数即可 2 Cookie.deleteCookie = function(name) { 3 this.setCookie(name, "", {expireDays:-1});//将过期时间设置为过去来删除一个cookie 4 } 5 //通过下面的代码，整个Cookie对象创建完毕后，可以将其放到一个大括号中来定义： 6 var Cookie = { 7 setCookie:function(){}, 8 getCookie:function(){}, 9 deleteCookie:function(){} 10 } 11 12 //通过这种形式，可以让Cookie的功能更加清晰，它作为一个全局对象，大大方便了对Cookie的操作 13 Cookie.setCookie("user", "terry"); 14 Cookie.deleteCookie("user");

```

<h3>Substitution [cookie的替代品]</h3>

<h3><span> Related blog [相关博文]</span></h3>

<h3>Reference [参考资料]</h3>