创建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得到的就是一个空值.