如何设置，获取和删除cookie

发布网友发布时间：2022-04-21 05:35

共1个回答

热心网友时间：2022-06-18 06:30

浏览器cookie分析

简
单点说就是数据存储，通过JavaScript将要保存的数据保存在客户端浏览器，下次打开网页时调用保存的cookie。浏览器中cookie保存的形
式：user=aa; pwd=123; sex=man; 还要注意的是cookie的过期时间expires。好了！简单分析到此结束，开始代码吧！
END
设置cookie

最简单的就是：document.cookie="user=aa"。
但是这样就没有过期时间了，只是暂存于电脑内存里没有保存下来，几天后无法显示cookie内容。下面开始正式写规范完整的函数。
代码如下：
function setCookie(name, value, iDay){
/* iDay 表示过期时间
cookie中 = 号表示添加，不是赋值 */
var oDate=new Date();
oDate.setDate(oDate.getDate()+iDay);
document.cookie=name+'='+value+';expires='+oDate;
}
JavaScript中Date对象的setDate方法用于设置一个月的某一天，而getDate获得当前的日期，由此可以按照保存为多少天就在当前(getDate)日期加多少天。
END
获取cookie

前面分析的时候我们讲过浏览器cookie是由像：user=aa; pwd=123;等等组成的，所有要想获取cookie关键还是字符串和数组的操作。
代码如下：
function getCookie(name){
/* 获取浏览器所有cookie将其拆分成数组 */
var arr=document.cookie.split('; ');

for(var i=0;i<arr.length;i++) {
/* 将cookie名称和值拆分进行判断 */
var arr2=arr[i].split('=');
if(arr2[0]==name){
return arr2[1];
}
}
return '';
}
END
删除cookie

删除cookie的思想很简单，就是将cookie的过期时间设置为过期(-1)，已经过了一天。那么就能实现了，当然了需要调用设置cookie的函数setCookie。
代码如下：
function removeCookie(name){
/* -1 天后过期即删除 */
setCookie(name, 1, -1);
}