js中cookie的添加、查询和删除

最新推荐文章于 2025-06-19 19:56:36 发布

sherlonWang

最新推荐文章于 2025-06-19 19:56:36 发布

阅读量3.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： cookie

本文链接：https://blog.youkuaiyun.com/weixin_38483589/article/details/84674399

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript在浏览器中添加、查询和删除Cookie。通过示例代码，读者可以学习到如何实现Cookie的基本操作，包括设置Cookie的有效期。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Cookie，有时也用其复数形式 Cookies，指某些网站为了辨别用户身份、进行 session 跟踪而储存在用户本地终端上的数据（通常经过加密）

1.添加cookie

/**
 * 添加cookie
 * @param name cookie名字
 * @param value 值
 */
function setCookie(name,value)

{

    //此 cookie 将被保存 30 天
    var Days = 30; 

    var exp = new Date();

    exp.setTime(exp.getTime() + Days*24*60*60*1000);

    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();

}

2.查询cookie

/**
 * 获取cookie
 * @param name cookie名称
 * @returns cookie的值
 */
function getCookie(name) {
    var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));

    if (arr != null) return unescape(arr[2]);

    return null;
}

3.删除cookie

/**
 * 删除cookie
 * @param name cookie名字
 */
function delCookie(name) {
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval = getCookie(name);
    if (cval != null) {
        // 这里删除操作其实是将expires过期时间设置为当前时间，使cookie立即过期
        document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
    }
}

DONE!