JavaScript 封装 Cookie 操作对象示例

作者:闭包旅人

时间:2026-10-28

浏览:651

本文提供了一个 JavaScript 对象封装示例,用于简化 Cookie 的读写与删除操作。代码包含 setCookie、getCookie 和 DelCookie 三个核心方法,分别处理设置带过期时间的 Cookie、读取指定名称的 Cookie 值以及删除指定 Cookie。

文章目录
以上即为完整的代码实现,可直接复制使用。

JavaScript 封装 Cookie 操作对象示例

具体实现代码如下所示:

定义一个名为 Cookie 的对象,
其中包含 setCookie 方法,接收 name 和 val 两个参数,
首先创建一个当前时间对象 exp,
将过期时间设置为当前时间加上 600 * 1000 毫秒,
通过 document.cookie 属性将 name、转义后的 val 以及格式化后的过期时间拼接赋值,
接着定义 DelCookie 方法,接收 name 参数,
document.cookie = name + "=;expires=" + (new Date(0)).toGMTString();
然后定义 getCookie 方法,接收 name 参数,
使用正则表达式匹配 document.cookie 中符合 (^| )name=([^;]*)(;|$) 格式的内容,
如果匹配结果不为 null,则返回解包后的第二个捕获组内容,
否则返回 null,
    } 
}

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章