码迷,mamicode.com
首页 > 其他好文 > 详细

cookie的封装和删除修改

时间:2018-11-20 23:07:13      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:[1]   doc   index   etc   new   封装   split   ring   function   

一、设置
        
name = value;
path = 路径;
expires = new Date();
var d = new Date();
d.setDate(30)
document.cookie = "password = tp;path = /;expires = "+d
 
var d2 = new Date();
d2.setDate(30)
document.cookie = "password = 123456;path = /; expires = " +d
 
        封装
            name value 一定会改;
            path expires 不一定会改
    
    分离 
    
function setCookie (name , value,path, expires){
    //根据参数判断是否拼接path 和expires;
    var str = name + "="+value;
    if(path){
        str += "; path=" + path;
    }
    if(expires){
        var d = new Date();
        d.setDate(d.getDate() + expires)
        str += ";expires = " +d;
    }
    console.log(str);
    document.cookie = str;
}
 
字符串拼接的封装
    
setCookie ("sss","hhhh","/cookie",20)
 
    如果不定参(非必选参数)有多个,我们一般会把这样的参数放进一个对象之中
    
function setCookie (name,value,options){
    //根据参数判定是否拼接path和expires;
    var str = name + "=" + value;
    if(options.path){
        str += ";path =" + options.path;
    }
    if(option.expires) {
        var d = new Date();
        d.setDate(d.getDate() + options.expires) 
        str += ";expires = " +d;
    }
        console.log(str);
        document.cookie = str;
}
    
setCookie ("hhh","dddd",{
    expires:30
})
 
优雅封装
function setCookie (name,value,options){
    document.cookie = (function(name,value,options){
    var str = name + "="+value;
    if(options.path){
        str += ";path +" = "options.path
    } 
    if(options.expires){
        var d = new Date();
        d.setDate(d.getDate()+options.expires)
        str += ";expires =" +d;
     }
        return str;
}) (name,value,options)       
}
 
setCookie ("hhh","dddd",{
    expires:30
})
 
删除
    
function removeCookie (name,path){
    setCookie(name,"",{
        expires : -1,
        path : path
    })
}
removeCookie ("hhhh")
 
获取
    
function setCookie (name,value,options){
    docunment.cookie = (function(name,value,options){
        var str = name + "=" + value;
            if(options.path){
            str += ";path = " + options.path;
        }
            if(options.expires){
                var d = new Date();
                d.setDate(d.getDate() + options.expires)
                str += ";expires = " + d;
        }
            return str;
    })(name,value,options)
}
 
setCookie ("username","tp",{
    expions:10
})
 
setCookie ("password" ,"123456",{
    expires :1 0
})
 
    1、每条cookie 以  ; 空格进行分割;
    2、key 和 value 以 = 进行分割;
 
function getCookie (key){
    var str = document.cookie ;
    //字符串转化成数组
   // string.split() ; 切割字符串;
    var arr = str.split(";")
    //console.log(str,arr);
    //var res = arr.map(function(item,index){
       // if(key == item.split("=")[0]){
         //  return (item.split("=")[1]);
        }
    return false
    })
    for(var i = 0; i < arr.length; i ++){
        if(key === arr[i].split("=")[0]){
            return arr[i].split("=")[1];
       }
    }
    console.og(res)
    return "";
}
console.log(getCookie ("username"));
 
 

cookie的封装和删除修改

标签:[1]   doc   index   etc   new   封装   split   ring   function   

原文地址:https://www.cnblogs.com/TianPeng2/p/9991752.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!