js-Cookie参数详解

最新推荐文章于 2025-07-03 19:30:50 发布

Alan_阿兰

最新推荐文章于 2025-07-03 19:30:50 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript开发

本文链接：https://blog.youkuaiyun.com/sixteen_cicle/article/details/52698789

javascript开发专栏收录该内容

34 篇文章

订阅专栏

本文详细介绍了Cookie的基本属性如key/value、maxAge/expires、path、domain及secure，并提供了设置、获取和删除Cookie的JavaScript代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.key/value:ciikie键值对

2.maxAge
expires这个参数是用来设置cookie有效期的，
如果将expires设置成一个过去的时间（相对本机系统时间），相应的cookie就被删除，
当然也可以手动来删除cookie
3.path
这里的path如何理解一般设置成根目录/
4.domain
这里要说的是同域访问，
比如在a.example.com和b.example.com下共享c.example.com下的cookie文件
5.secure
加了secure（默认值为空），之后，cookie提交到服务器时使用的是https传输。

举例

// document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

// document.cookie = "name=value;path=path;expires=date;domain=example.com";
// document.cookie = name + "="+ escape (value);// 取回的时候用unescape()函数就行了

// document.cookie = "username=木子Vs立青;secure"

//获取cookie

function getCookie(name) {
var arr = document.cookie.split('; ');
for ( var i = 0; i < arr.length; i++) {
var arr2 = arr[i].split('='); //['abc','cba']
if (arr2[0] == name) {
return arr2[1];
console.log(arr2[1]);
}
}
return '';
}

var openid = getCookie("user_openid");

// Cookie

function setCookie(name,value,days){

    // document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";
    var expires='';
    if(days){
        var d = new Date();
        // d.getTime() 起始时间
        d.setTime(d.getTime()+days*24*60*60*1000);

        var expires ='; expires='+d.toGMTString();
    }
    document.cookie=name+"="+value+expires+"; path=/";

}

function getCookie(name){
    // cookie1=value; cookie2=value;
    var name= name+'=';
    var ca = document.cookie.split(';');
    for(var i=0;i<ca.length;i++)
    {
        // ca[i].charAt(0)
        if(!ca[i].charAt(0))
        {
            ca[i] = ca[i].substring(1,ca[i].length);
        }
        if(ca[i].charAt(0).indexOf(name)!=-1){
            var c=ca[i];
            return c.substring(name.length,c.length);
        }
    }
    return null;

}

// 置空

function deleteCookie(name) {
    setCookie(name,"",-1);
}