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

.......;
上面这串省略号对于各种吐槽的声音;
因为在百度上看到的关于设置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);
}

白俊遥博客
请先登录后发表评论
  • latest comments
  • 总共3条评论
白俊遥博客

是男人、就活出你的高傲 :测试434242424

2018-03-27 21:49:53 回复

白俊遥博客

沁雪澜 :赞一个!

2017-04-19 10:28:40 回复

白俊遥博客

孤城浪子 :还是jq方便啊

2016-09-13 14:57:15 回复