JS中cookie的基本使用

最新推荐文章于 2025-06-19 19:56:36 发布

show_code

最新推荐文章于 2025-06-19 19:56:36 发布

阅读量7.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascrpit 文章标签： cookie html javascript

本文链接：https://blog.youkuaiyun.com/playboyanta123/article/details/12004023

javascrpit 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了Cookie作为HTML中document属性的功能，包括其过期时间、大小限制及键值对存储方式，并提供了设置、获取和删除Cookie的代码示例。通过实际代码演示，帮助开发者了解如何在网页应用中利用Cookie提升用户体验。

cookie是本身是HTML中ducument中的一个属性，可以用来保存一些简单的数据信息，比如用户名、密码等，提高一些网站的用户体验度。下面就来简单的说说cookie，它有下面几个特性：

1.有过期时间，这个可以设置，如果不设置默认是关闭浏览器则清除

2.有大小限制，一般cookie的条数不会超过50条，但因浏览器的不同也会有差异，单个cookie的大小不能超过2M

3.cookie是以键值对的形式保存在物理硬盘上的，类似json格式。

说了一些cookie的简要特性，下面就说其用法，直接上代码比较明朗，大家直接看：

//设置cookie
//name是cookie中的名，value是对应的值，iTime是多久过期（单位为天）
function setCookie(name,value,iTime){
	var oDate = new Date();
	//设置cookie过期时间
	oDate.setDate(oDate.getDate()+iTime);
	document.cookie = name+'='+value+';expires='+oDate.toGMTString();
}
//获取cookie
function getCookie(name){
	//cookie中的数据都是以分号加空格区分开
	var arr = document.cookie.split("; ");
	for(var i=0; i<arr.length; i++){
		if(arr[i].split("=")[0] == name){
			return arr[i].split("=")[1];
		}
	}
	//未找到对应的cookie则返回空字符串
	return '';
}
//删除cookie
function removeCookie(name){
	//调用setCookie方法，把时间设置为-1
	setCookie(name,1,-1);
}

PS:在本地测试只有火狐才有效果，建议本地时用火狐测试.