首页 前端知识 JQuery设置Cookie操作,设置、获取、删除三种方法

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

2025-02-24 13:02:42 前端知识 前端哥 339 524 我要收藏

//触发条件

当用户点击或者操作时需要设置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过期时间

转载请注明出处或者链接地址:https://www.qianduange.cn//article/21217.html
标签
评论
发布的文章

Lua与Unity交互

2025-03-08 14:03:36

Pygame介绍与游戏开发

2025-03-08 14:03:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!