JavaScript Cookie 操作详解:封装与使用
作者:纸飞机时间:2026-10-30 11:49:01浏览:566
本文详细介绍 JavaScript 中 Cookie 的设置、获取与删除方法,并提供一个完整的 cookieObj 对象封装示例。通过解析 name、value、expire 等参数,帮助开发者在 Web 开发中高效管理客户端状态数据。
JavaScript Cookie 操作详解:封装与使用
前言
Cookie 设置
Cookie 设置
参数说明: name Cookie 名称,key值 value 可选,cookie 值 expire 可选,过期时间,时间戳格式 path 可选,服务器端有效路径,/ 表示整个域名有效,默认为当前设置 cookie 时页面的路径 domain 可选,该 cookie 有效的域名 secure 可选。规定是否通过安全的 HTTPS 连接来传输 cookie。
代码的封装
代码的封装
(function(){
var cookieObj={
'add':function(name, value, hours){ //修改或是添加cookie
var expire = "";
if(hours != null){
expire = new Date((new Date()).getTime() + hours * 3600000);
expire = "; expires=" + expire.toGMTString();
}
document.cookie = name + "=" + escape(value) + expire + ";path=/";
//如果指定域名可以使用如下
//document.cookie = name + "=" + escape(value) + expire + ";path=/;domain=findme.wang";
},
'get':function(c_name){//读取cookie
if (document.cookie.length>0){
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1){
c_start=c_start + c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1){
c_end=document.cookie.length
}
return unescape(document.cookie.substring(c_start,c_end))
}
}
return "";
}
};
window.cookieObj=cookieObj;
}());
调用测试
调用测试
cookieObj.add('myWeb','http://www.findme.wang'); console.log('myWeb:'+cookieObj.get('website'));

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持本站。
作者最新文章
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数?详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决?
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28
