js设置、修改、获取、删除 cookie

白俊遥
2015-12-13 17:18:16
前端
函数 JavaScript

.......；
上面这串省略号对于各种吐槽的声音；
因为在百度上看到的关于设置cookie的前几篇文章都是错误的；
白俊遥博客
里面给出的设置cookie的代码是这样的；

function setCookie(name,value){
    var Days = 30;
    var exp = new Date();
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}

这个函数只能设置cookie但是不能修改；
什么个意思呢看下图就明白了；
白俊遥博客
因为没有指定路径；
所以当再次设置同键名的cookie时就无法覆盖了；
正确的设置cookie姿势是这样的；
顺便把读取和删除的也一并送上；

/**
 * 设置cookie
 * @param {string} name  键名
 * @param {string} value 键值
 * @param {integer} days cookie周期
 */
function setCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }else{
        var expires = "";
    }
    document.cookie = name+"="+value+expires+"; path=/";
}
// 获取cookie
function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
// 删除cookie
function deleteCookie(name) {
    setCookie(name,"",-1);
}

本文为白俊遥原创文章,转载无需和我联系,但请注明来自白俊遥博客https://baijunyao.com 欢迎捐赠赞赏加入组织创建QQ群及捐赠渠道