JQuery设置Cookie操作，设置、获取、删除三种方法

原创已于 2024-11-07 15:59:00 修改

· 1.2k 阅读

0 ·

版权

文章标签：

#jquery #前端 #javascript

于 2024-11-06 14:53:39 首次发布

//触发条件

当用户点击或者操作时需要设置cookie时

//方法里面定义了三个处理cookie的方法
$(document).ready(function(e) {
    $("#btnsetcookie").click(function() {
        setCookie("Demo", "我的示例Cookie数据", 2); //设置cookie
    });
    $("#btngetcookie").click(function() {
        alert(getCookie("Demo")); //获取cookie
    });
    $("#btndelcookie").click(function() {
        Cookie("Demo"); //删除cookie
    });
});

//获取cookie方法

//获取cookie，参数name指定要获取的cookie的名称
function getCookie(name) {
    var start = document.cookie.indexOf(name + "="); //得到cookie字符串中的名称
    var len = start + name.length + 1; //得到从起始位置到结束cookie位置的长度
    //如果起始没有值且name不存在于cookie字符串中，则返回null
    if ((!start) && (name != document.cookie.substring(0, name.length))) {
        return null;
    }
    if (start == -1) return null; //如果起始位置为-1也为null
    var end = document.cookie.indexOf(';', len); //获取cookie尾部位置
    if (end == -1) end = document.cookie.length; //计算cookie尾部长度
    return unescape(document.cookie.substring(len, end)); //获取cookie值
}

//设置cookie方法

//设置cookie，name为名称，value为值，expires为过期日，path为路径，domain为域名，secure为加密
function setCookie(name, value, expires, path, domain, secure) {
    var today = new Date();
    today.setTime(today.getTime());
    if (expires) {
        expires = expires * 1000 * 60 * 60 * 24; //计算cookie的过期毫秒数
    }
    //计算cookie的过期日期
    var expires_date = new Date(today.getTime() + (expires));
    //构造并保存cookie字符串
    document.cookie = name + '=' + escape(value) +
        ((expires) ? ';expires=' + expires_date.toGMTString() : '') + //expires.toGMTString()
        ((path) ? ';path=' + path : '') +
        ((domain) ? ';domain=' + domain : '') +
        ((secure) ? ';secure' : '');
}

//删除cookie

//删除cookie，必须先获取指定名称的cookie，然后让cookie过期
function Cookie(name, path, domain) {
    if (getCookie(name)) document.cookie = name + '=' +
        ((path) ? ';path=' + path : '') +
        ((domain) ? ';domain=' + domain : '') +
        ';expires=Thu, 01-Jan-1970 00:00:01 GMT';
}

Ps：设置cookie方法里面三个参数：
第一个：Cookie名称
第二个：Cookie内容
第三个：Cookie过期时间