JavaScript——Cookie

Posted 2020-08-16 吴林霏smile

javascript中的Cookie基础

页面用来保存信息的，比如登录、记住用户名。

【cookie的特性】

（1）同一个网站中所有页面共享一套cookie；

（2）数量、大小有限；

（3）有保质期，过期时间（由JS控制）；

（4）cookie存在于客户端。

【JS中的cookie使用】

document.cookie

【设置cookie】

（1）格式：名字=值；

（2）不会覆盖；

（3）过期时间：expires=时间（日期对象的使用：oDate=new Date()）；

例如：

var oDate=new Date();    //获取当时时间
oDate.setDate(oDate.getDate()+30);     //setDate()：设置时间
document.cookie="user=blue;expires="+oDate;   //expires:过期时间，这里是30天
document.cookie="pass=123"; 
 alert(document.cookie);

获取结果：

（4）封装函数

 function setCookie(name,value,iDay){
     var oDate=new Date();
     oDate.setDate(oDate.getDate()+iDay);
     document.cookie=name+\'=\'+value+\';+expires\'+oDate;
 }
 alert(document.cookie);

参数含义：name:自定义名字

　　　　　value：名字的值

　　　　　iDay：过期时间

 【读取cookie】

字符串分割

 function getCookie(name){
     //\'username=abc; password=123456; aaa=111; bbb=222\'
     var arr=document.cookie.split(\'; \');
     var i=0;
     //arr->[\'username=abc\',\' password=123456\'...]
     for(i=0;i<arr.length;i++){
         var arr2=arr[i].split(\'=\');
     //arr2->[\'username\',\'abc\']
         if (arr2[0]==name) {
             return arr2[1];
         }
     }
     return \'\';
 }
 alert(getCookie(\'username\'));

获取结果：

 

【删除cookie】

function removeCookie(name){
    setCookie(name,\'abc\',-1); //将iDay设置为-1
}