javaScript操作cookie

利用javaScript来操作cookie

对document.cookie进行赋值

document.cookie：

        是一连串的键值对用；来连接的字符串。如：key=value;expires=2016年7月26日;path=/

       创建：

               var  key=""; var value="";

               document.cookie=key+"="+value;

     对于cookie的有效期，一般在后面加上"expires"=new Date(有效时间);当该时间小于当前时间时，则通知浏览器删除该cookie

    对于cookie的访问路径，加上path=“路径空间的合法字符串”

   遍历cookie键值对：

        var cs=document.cookie.split(";");//分解Cookie，js添加时用的分隔符拆分
            for(var x=0;x<cs.length;x++)  cs[x]为一组键值对

   中文乱码：

      value=encodeURI(value);//中文编码

       cs[x]=decodeURI(cs[x]);//中文解码

具体代码示例：

 

<script type="text/javascript">
         function addCookie(){
            //添加属性值
            var key="user";
            var value="张三";
            value=encodeURI(value);//中文编码
            //设置cookie过期时间
            var date=new Date();
            date.setTime(date.getTime()+60*10*1000);//获取当前时间 加10分钟
            var time=date.toGMTString();//转换成GMT时间显示的字符串
            //设置cookie的访问路径
            var path="/";
            //创建cookie
            document.cookie=key+"="+value+";expires="+time+";path="+path;
         }
         function delCookie(){
            //获取属性的键值
            var key="name";
            //设置cookie过期时间,过期通知浏览器删除cookie
            var date=new Date(1970,1,1);
            var time=date.toGMTString();//转换成GMT时间显示的字符串
            //设置cookie的访问路径
            var path="/";
            //创建cookie
            document.cookie=key+"=value;expires="+time+";path="+path;
         }
         function queryCookie(){
            var cs=document.cookie.split(";");//分解Cookie
            for(var x=0;x<cs.length;x++){//遍历cookie键值对
                cs[x]=decodeURI(cs[x]);//中文解码
                var entry=cs[x].split("=");//获取键值对
                cookieDiv.innerHTML+=entry[0]+":"+entry[1]+"<br/>";//输出
            }
         }
         οnlοad=function(){
           queryCookie();//遍历
           
           addCookie();//添加
           delCookie();//删除
          };
      </script>