缓存方式之cookie的使用

最新推荐文章于 2025-07-13 14:57:19 发布

xiaxiaoxian

最新推荐文章于 2025-07-13 14:57:19 发布

阅读量710

点赞数

CC 4.0 BY-SA版权

分类专栏：缓存方式

本文链接：https://blog.youkuaiyun.com/xiaxiaoxian/article/details/79623092

缓存方式专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个用于创建、获取及删除Cookie的JavaScript实用函数集合。这些函数可以帮助开发者轻松地进行Cookie的操作，包括设置过期时间、路径、域等属性。

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

构造一个cookie的函数

var CookieUtil = {
	get:function(name){
		var cookieName = encodeURIComponent(name) + "=";
		var cookieStart = document.cookie.indexOf(cookieName);
		var cookieValue = null;
		if(cookieStart > -1){
			var cookieEnd = document.cookie.indexOf(';',cookieStart);
			if(cookieEnd == -1){
				cookieEnd = document.cookie.length;
			}
			cookieValue = decodeURIComponent(document.cookie.substring(cookieStart+cookieName.length , cookieEnd));
		}
		return cookieValue;
	},
	set:function(name,value,expires,path,domain,secure){
		var cookieText = encodeURIComponent(name) + "=" + encodeURIComponent(value);
		if(expires instanceof Date){
			cookieText += '; expires' + expires.toGMTString();
		}
		if(path){
			cookieText += '; path' + path;
		}
		if(domain){
			cookieText += '; domain' + domain;
		}
		if(secure){
			cookieText += '; secure';
		}
		console.log(cookieText);
		document.cookie = cookieText;
	},
	unset:function(name,path,domain,secure){
		this.set(name,'',new Date(0) , path,domain,secure)
	}
}

CookieUtil.set('name','xiaxiaoxian');
CookieUtil.set('book','javascript高级');
console.log(CookieUtil.get('name')); // xiaxiaoxian
console.log(CookieUtil.get('book')); // javascript高级

其他的使用设置方式


document.cookie="id=77";
document.cookie="name=bill";
document.cookie = "example=1; expires=Mon, 11 Nov 2026 07:34:46 GMT; domain=www.test.com;path=/"