您的位置：首页 > 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
    • 您可能感兴趣
    首页 编程学习 Web前端 数据库 软件设计
    开心学习 ©2013-2021 保留所有权利