本文介绍如何在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;
};
}