封装的cookie存储、获取、删除方法

1、设置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()为所需的方法

2、获取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');

3、移除cookie

function removeCookie(key) {
    setCookie(key, '', -1);  //cookie的过期时间设为昨天
}

调用方法：removeCookie(cookie名称)

removeCookie('age');