原生js封装cookie获取设置及删除

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生js封装cookie获取设置及删除相关的知识,希望对你有一定的参考价值。

使用cookie(key,value,options)

参数key,value,options(可选)

function cookie(key,value,options){
    if(typeof value !== "undefined"){//write
       options=options||{}
       var cookie=encodeURIComponent(key)+"="+encodeURIComponent(value);
    if (typeof options.expries==="number"){
       var date=new Date();
       date.setDate(date.getDate()+options.expries);
       cookie += ";expries="+date.toUTCString();
    }
    if(options.path)
       cookie += ";path="+options.path;
       if(options.domain)
       cookie += ";domain="+options.domain;
    if(options.secure)
       cookie += ";secure";
    document.cookie=cookie;
    }else{//read
    var cookies=document.cookie.split(";");
    for(var i=0;i<cookies.length;i++){
         var cookie=cookies[i].split("=");
            var name=decodeURIComponent(cookie.shift());
         if (name===key)
             return decodeURIComponent(cookie.join("="));
      }
      return null;
    }
}

 

function removeCookie(key,options){//remove
    options=options||{};
    options.expries=-1;
    cookie(key,"",options);
}

 

  

以上是关于原生js封装cookie获取设置及删除的主要内容,如果未能解决你的问题,请参考以下文章

Vue中封装设置、获取、删除Cookie方法

js操作cookie简单封装

cookie的设置获取和删除封装

cookie的设置获取和删除

纯js 原生JavaScript 设置 获取 cookie值

js封装设置获取cookie