cookie的设置、获取、删除

698 阅读1分钟

最近在做一个项目,js删除cookie老是不成功,最后发现是没有指定cookie的域

js删除cookie其实是改变cookie的过期时间,将cookie的过期时间设置为过去,以下几项是必须要指定的

1.cookie名

2.cookie值

3.cookie过期时间

4.cookie域

5.cookie路径

以上几项缺一不可,必须都要有才能修改cookie

具体代码如下:

/** 设置cookie
 * @param {cookie名}
 * @param {cookie值}
 * @param {设置cookie域}
 * @param {过期时间(天)} [varname]
 */
function setCookie(name, value, domain, day) {
    var date = new Date();

    date.setTime(date.getTime() + 1000 * 60 * 60 * 24 * day);
    var expires = date.toUTCString();
    document.cookie = name + '=' + value + ';expires=' + expires + ';domain=' + domain + ';path=/';
}

/**
 * 获取cookie
 * @return {[type]} [description]
 */
function getCookie(name) {
    var data = document.cookie.split(';'),
        param = {};
    for (var i = 0; i < data.length; i++) {
        param[data[i].split('=')[0].replace(/\s/, '')] = data[i].split('=')[1];
    }
    return param[name];
}

/**
 * 删除cookie
 * name: 删除cookie名
 * domain: 所在的域
 */
function delCookie(name, domain) {
    document.cookie = name + '=' + getCookie(name) + ';expires=' + (new Date(1)) + ';domain=' + domain + ';path=/';
}