cookie设置删除使用(js)_js删除cookie

什么是cookie？

cookie的中文翻译是曲奇，小甜饼的意思。cookie其实就是一些数据信息，类型为“小型文本文件”，存储于电脑上的文本文件中。

cookie能用来干什么？

比如平时我们登录一个网站，使用完网站之后我们关闭浏览器，第二次在使用这个网页，我们就不需要再进行登录。这就是cookie把上次登录的信息保存在了浏览器内。

cookie表示

cookie是以键值对的形式的保存的 键是cookie名，值是cookie内容。

cookie的组成部分。

edge浏览器

名称：cookie的名字
值：cooke的值
path：这个定义了Web站点上可以访问该Cookie的目录
Expires：cookie的过期时间，cookie在这个值之前都有效。
Size：cookie的大小

我封装的cookie设置获取删除的三个方法。

cookie的设置

//传入cookie名字，cookie值，可以缓存的天数
setCookie(name,val,deadline){
	var t= new Date();
	t.setTime(t.getTime()+deadline*24*60*60*1000)
	deadline="expires="+t.toGMTString();
	document.cookie=name+"="+val+";"+deadline;
	}
1
2
3
4
5
6
7

cookie的获取

//传入想要获取的cookie名称
getCookie(name){
	var name=name+'=';
		var s=document.cookie.split(';')
		for(var i=0;i<s.length;i++){
			s[i]=s[i].trim()
			if(s[i].indexOf(name)==0){
				return s[i].substring(name.length)
			}
		}
	}
1
2
3
4
5
6
7
8
9
10
11

cookie的删除
删除cookie就是把他的有限时间设置为以前的时间。

//传入需要删除的cookie名。
delCookie(name){
	var name=name+'=';
	var c=document.cookie.split(";")
	for(var i=0;i<c.length;i++){
		c[i]=c[i].trim()
		if(c[i].indexOf(name)==0){
			document.cookie=name+"=;expires="+"Thu, 01 Jan 1970 00:00:00 GMT";
		}
	}
}
1
2
3
4
5
6
7
8
9
10
11

修改cookie就是设置一个相同名称的cookie就是直接把之前的相同名称的cookie覆盖掉。
设置成功之后就可以去浏览器右击检查>打开存储>打开cookie就可以查看设置的cookie值了