js cookie实例 - 爱码网

什么是cookie：
         △ 用来保存用户信息：用户名、密码... ...
         △ 同一网站共享一套cookie，大小有限，保存时间
         △ 使用document.cookie

cookie包含：
         cookieName=cookieValue;       名字和值（用户名、密码...）
         expires=expirationDateGMT;    过期时间
         path=URLpath;                      存储一个URL
         domain=siteDomain;                存储一个阈值

设置cookie：
         document.cookie="名字1=值1";
      document.cookie="名字2=值2"; 单个设置，复合写法：
      document.cookie="名字1=值1; 名字2=值2";

例子：设置过期时间
      var expDate=new Date();
            expDate.setDate(expDate.getDate()+需要延长的时间);
            document.cookie="expires="+expDate.toUTCstring();
     /*
         先创建时间对象
         设置过期时间=当前时间+延长时间
         写入cookie中
         时间对象参考书册http://www.w3school.com.cn/jsref/jsref_obj_date.asp
   */

封装三种常用cookie函数：
   □ 设置cookie


            function setCookie(name,value,iDay){             //名字值  保存（延长）时间
                           var oDate=new Date();
                                 oDate.setDate(oDate.getDate()+iDay);

                                 document.cookie=name+'='+value+';expires='+oDay;
            }

   □ 获取cookie

               function getCookie(name){
                           //"userName=abc; password=123; ..."  cookie里的内容,字符串
                           var arr=document.cookie.split('; ');
                           var i=0;
                          //arr→["useName=abc";"password=123"...] 用split()切割成数组，仍不能直接使用

                           for(var i=0;i<arr.length;i++){
                                     //arr2→["useName","abc"]          细分，可以调用
                                    var arr2=arr.split(“=‘);

                                    if（arr2[0]==name）{         //条件成立时，返回对应值
                                                return arr2[1];
                                    }

                                    return "';                     //内容为空时，返回空
                           }
            }

         □ 删除cookie

                  function removeCookie(name){
                              setCookie(name,"value随便填",-1);
                                //保存时间为负数，意为已过期浏览器自动删除相关内容
                  }

相关实例：
      ① cookie记录拖拽位置
                  获取对象属性网址：http://www.w3school.com.cn/jsref/dom_obj_all.asp

      ②表单Form记住/清除用户名
                    【html】
                     <form action="" >http://www.w3cschool.cc/js/js-cookies.html