cookie的封装

最新推荐文章于 2022-07-04 16:33:12 发布

qq_53863295

最新推荐文章于 2022-07-04 16:33:12 发布

阅读量119

点赞数

文章标签： javascript p2p 开发语言

本文链接：https://blog.youkuaiyun.com/qq_53863295/article/details/123458255

版权

这篇博客介绍了JavaScript中如何操作Cookie，包括如何保存Cookie（设置键值对、有效期、路径和域名），如何获取特定键的Cookie值，以及如何删除指定键的Cookie。这些函数对于前端开发中的用户状态管理和页面数据持久化非常实用。

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

// 保存cookie（添加和修改）
// 参数：
// 键
// 值
// 保存时长：单位是天
// 可以访问的路径
// 可以访问域名
// 返回值：无

function saveCookie(key,value,dayCount,path,domain){
path = path || "";
domain = domain || "";

let d = new Date();
d.setDate(d.getDate() + dayCount);

let str = `${key}=${encodeURIComponent(value)};expires=${d.toGMTString()}`;
if(path!=""){
str += `path=${path}`;
}
if(domain!=""){
str += `domain=${domain}`;
}

document.cookie = str;

}

// 获取cookie
// 参数：
// 键
// 返回值：
// 键对应的值；

function getCookie(key){

let str = decodeURIComponent(document.cookie); //username1=小白; userpass=666; username=杨雯静
let arr = str.split("; "); //["username=小白","userpass=666"]
let result = "";
for(let i=0;i<arr.length;i++){
if(arr[i].startsWith(key+"=")){
// result = arr[i].split("=")[1];
[,result] = arr[i].split("="); //["username","小白"]
break;
}
}
return result;
}

// 删除cookie
// 参数：
// 键
// 返回值：无

function removeCookie(key){
saveCookie(key,"byebye",-1);
}