您的位置:首页 > Web前端 > javascript > 正文

Js操作cookie

更多 时间:2013-7-7 类别:Web前端 浏览量:2651

Js操作cookie

Js操作cookie
  •       
  • 一、cookie的认识
  •  
  • cookie是浏览器提供的一种机制,它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制,而并不是JavaScript本身的性质。cookie是存于用户硬盘的一个文件,这个文件通常对应于一个域名,当浏览器再次访问这个域名时,便使这个cookie可用。

  •  
  •  
  • 二、Cookie 基础知识
  • 1、cookie 是有大小限制的,每个 cookie 所存放的数据不能超过4kb,如果 cookie 字符串的长度超过4kb,则该属性将返回空字符串。

    2、由于 cookie 最终都是以文件形式存放在客户端计算机中,所以查看和修改 cookie 都是很方便的,这就是为什么常说 cookie 不能存放重要信息的原因。

    3、每个 cookie 的格式都是这样的:<cookie名>=<值>;名称和值都必须是合法的标示符。

    4、cookie 是存在 有效期的。在默认情况下,一个 cookie 的生命周期就是在浏览器关闭的时候结束。如果想要 cookie 能在浏览器关掉之后还可以使用,就必须要为该 cookie 设置有效期,也就是 cookie 的失效日期。

    5、cookie 有域和路径这个概念。域就是domain的概念,因为浏览器是个注意安全的环境,所以不同的域之间是不能互相访问 cookie 的(当然可以通过特殊设置的达到 cookie 跨域访问)。路径就是routing的概念,一个网页所创建的 cookie 只能被与这个网页在同一目录或子目录下得所有网页访问,而不能被其他目录下得网页访问(这句话有点绕,一会看个例子就好理解了)。

    6、其实创建cookie的方式和定义变量的方式有些相似,都需要使用 cookie 名称和 cookie 值。同个网站可以创建多个 cookie ,而多个 cookie 可以存放在同一个cookie 文件中。

     

    三、cookie的操作


  • JScript 代码   复制
  • 
    			

     

  • //参数说明:
  • //CKname是cookie名称(必填),
  • //CKvalue是cookie值(必填),
  • //duration是过期时间(默认为关闭浏览器),
  • //CKpath是可访问cookie的目录(默认为所有页面),
  • //CKdomain是可访问cookie的主机名(默认为当前域名下[子域名]);
  • function setCookie(CKname,CKvalue,duration,CKpath,CKdomain)
  • {
  • var NewDate = new Date();
  • NewDate.setTime(NewDate.getTime()+duration*24*60*60*1000);
  • document.cookie = CKname+"="+escape(CKvalue)+(duration?";expires="+NewDate.toGMTString():"")+(CKpath?";path="+CKpath:"")+(CKdomain?";domain="+CKdomain:"");
  • };
  •  
  •  
  •  
  • JScript 代码   复制
  • 
    		

     

  • //参数:
  • //CKname:Cooke名称
  • function getcookie(CKname)
  • {
  • var arrCookie = document.cookie.match(new RegExp("(^| )"+CKname+"=([^;]*)(;|$)"));
  • if(arrCookie!=null)
  • {
  • return unescape(arrCookie[2]);
  • }
  • else
  • {
  • return null;
  • };
  • };
  •  
  •  
  •  
  • JScript 代码   复制
  • 
    			

     

  • //删除指定名称的cookie
  • function deleteCookie(CKname)
  • {
  • document.cookie = CKname+"=;expires="+(new Date(0)).toGMTString();
  • };
  •  
  •  

    标签:cookie javascript js
  • 上一篇:
  • 下一篇:JS动态操作select的option