JavaScript Cookie 工具类封装与使用指南

作者:开源拾贝

时间:2026-10-23

浏览:159

本文介绍如何在JavaScript中封装Cookie操作工具类,提供添加、获取和删除Cookie的完整实现。通过定义add、get和remove方法,简化前端对Cookie的管理,适用于需要频繁读写Cookie场景的Web开发项目。

文章目录

Cookie 工具类封装概述

为了便于代码复用,建议将Cookie的操作逻辑封装为独立的工具模块。


=====================

具体实现代码如下:

 
/** 
Cookie 工具类
将该类代码直接嵌入到需要使用的JavaScript文件中即可生效。
1. add(name, value, 100):用于添加一个新的Cookie。
2. get(name):用于读取指定名称的Cookie值。
3. remove(name):用于删除指定名称的Cookie。
以下是一个简单的使用示例:
Cookie.add("sk", "ss", 3);
alert(Cookie.get("sk"));
Cookie.remove("sk");
*/ 
添加 Cookie 实现var Cookie = new function() {
// 添加Cookie的方法
this.add = function(name, value, hours) {
var life = new Date().getTime();
life += hours * 1000 * 60;
var cookieStr = name + "=" + escape(value) + ";expires=" + new Date(life).toGMTString();
document.cookie = cookieStr;
}; 
获取 Cookie 实现// 获取Cookie值的方法
this.get = function(name) {
var cookies = document.cookie.split(";");
if (cookies.length > 0) {
var cookie = cookies[0].split("=");
if (cookie[0] == name)
return unescape(cookie[1]);
} 
return null;
}; 
删除 Cookie 实现// 删除Cookie的方法
this.remove = function(name) {
var cookieStr = name + "=" + escape('null') + ";expires=" + new Date().toGMTString();
document.cookie = cookieStr;
}; 
} 

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章