封装Cookie

创建Cookie:

function setCookie(**name,value,iday**){
	var oDate=new Date()
 	oDate.setDate(oDate.getDate()+idate)
 	document.cookie=name+"="+value+"; expires="+oDate
	}
第一步创建函数,有三个形参,分别代表了cookie的**名字,值,和过期时间**
第二步设置cookie过期时间
var oDate=new Date()
	oDate.**setDate**(oDate.getDate()+**iday**)
	oDate=new Date()  获取当前年月日
	oDate.setDate  设置时间
意思就是:oDate.getDate() **今天的日期**+iday **加多少天**
此时,oDate就代表着**iday天以后** iday=8则8天以后 =10则10天以后

到此,我们拥有了cookie的过期时间

第三步 重写表达式
将我们的形参代入cookie的表达式格式
document.cookie=name+"="+value+"; expires"+oDate

在这里插入图片描述

移除Cookie

function removeCookie(name){
	setCookie(name,1,-1)
}

移除cookie很简单,将创建cookie的函数拿来修改形参即可
name代表了我要移除哪个函数
1所在的位置是value的位置 因为我们要删除cookie了 所以他的值是什么已经不重要了,所以我们这里可以随便填
关键点在于-1
-1是过期时间,过期时间为负数那肯定这个cookie立马过期.这样就可达到我们移除cookie的目的.

在这里插入图片描述

获取Cookie
思路:1.两条cookie之间是用; 分号+空格的形式连接.那么我们便可以使用split方法来通过; 将他们分隔开
此时cookie从name=value; pass=123变为
name=value
pass=123
我们获取cookie的思路是通过cookie的名字将cookie的值调用出来
所以,我们需要将名字和值分开
再次使用split分割

 for(i=0;i<arr.length;i++){
		arr[i].split("=")
		if(arr[i][0]==name){
			return arr[i][1]
		}
	}

为什么要用for循环?
因为我们要的是每一个cookie的名字
每一个就要运用for来实现
通过"="再次分割此时我们的arr[i][0]每个arr的第0位下标就是cookie的名字
同理arr的第1位下标就是对应的cookie的值

完整代码:

function getCookie(name){
	var arr=document.cookie.split("; ")
	for(i=0;i<arr.length;i++){
		arr[i].split("=")
		if(arr[i][0]==name){
			return arr[i][1]
		}
	}
	return ""
}

通过name来寻找对应的value值
为什么会有一个return""
当用户第一次访问此网站时,他是没有存过cookie的.所以我们直接返给他一个空值.这样他getcookie得到的就是一个空值.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值