js設(shè)置、修改、獲取、刪除 cookie

.......；

上面這串省略號(hào)對(duì)于各種吐槽的聲音；

因?yàn)樵诎俣壬峡吹降年P(guān)于設(shè)置cookie的前幾篇文章都是錯(cuò)誤的；

里面給出的設(shè)置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();
}

這個(gè)函數(shù)只能設(shè)置cookie但是不能修改；什么個(gè)意思呢看下圖就明白了；

因?yàn)闆]有指定路徑；所以當(dāng)再次設(shè)置同鍵名的cookie時(shí)就無法覆蓋了；

正確的設(shè)置cookie姿勢(shì)是這樣的；順便把讀取和刪除的也一并送上；

/**
 * 設(shè)置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);
}