在 JavaScript 中,cookie
是存储在浏览器中的一段文本信息,它是由服务器发送到浏览器,并由浏览器保存的,其主要用途是跟踪用户会话信息。cookie
的取值和存储一般通过以下两个函数完成:
getCookie()
函数,用于从cookie
中获取值。它接受一个key
作为参数,并返回对应的value
。如果cookie
中不存在该key
,则返回null
。示例如下:
function getCookie(key) {
var arr = document.cookie.split('; ');
for (var i = 0; i < arr.length; i++) {
var newarr = arr[i].split('=');
if (newarr[0] === key) {
return newarr[1];
}
}
return null;
}
// 获取 cookie 值
var value = getCookie('name');
console.log(value);
// 鹏仔前端 pjxi.com
setCookie()
函数,用于向cookie
中存储值。它接受三个参数:key
,value
和expire
(过期时间)。示例如下:
function setCookie(key, value, expire) {
var d = new Date();
d.setDate(d.getDate() + expire);
document.cookie = key + '=' + value + ';expires=' + d;
}
// 设置 cookie 值
setCookie('name', '张三', 1);
在上述代码中,setCookie()
函数首先创建一个新的日期对象d
,然后通过setDate()
方法设置过期时间。最后,它将key
和value
组合成一个字符串,并将其设置为cookie
的值。
请注意,cookie
的大小通常不超过4KB,并且每个cookie
都会占用一定的带宽。因此,在使用cookie
时,请尽量只存储必要的数据,并注意控制其大小和数量。