封裝的cookie存儲、獲取、刪除方法

封裝的cookie存儲、獲取、刪除方法

一、設置cookie

function setCookie(key, value, t) {
    var oDate = new Date();  //建立日期對象
    oDate.setDate( oDate.getDate() + t ); //設置過時時間
    document.cookie = key + '=' + value + ';expires=' + oDate.toGMTString();  //設置cookie的名稱，數值，過時時間
}

調用方法：setCookie(cookie名稱，cookie數值，過時時間（天）)

setCookie('sex','男', 10);

描述：若是過時時間不按照天數計算，則需修改函數裏的getDate()爲所需的方法

二、獲取cookie的單個數值

function getCookie(key) {
    var arr1 = document.cookie.split('; '); //將cookie按「; 」分割，數組元素爲： cookie名=cookie值
    for (var i=0; i<arr1.length; i++) {  //分割數組裏的每一個元素
        var arr2 = arr1[i].split('='); //按照「=」分割
        if ( arr2[0] == key ) { //若是數組的第一個元素等於給定的cookie名稱
            return decodeURI(arr2[1]);  //返回翻譯編碼後的cookie值
        }
    }
}

調用方法：getCookie(cookie名稱)

getCookie('username');

三、移除cookie

function removeCookie(key) {
    setCookie(key, '', -1);  //cookie的過時時間設爲昨天
}

調用方法：removeCookie(cookie名稱)

removeCookie('age');