Cookie是一种浏览器的小助手，用于记录用户的访问记录、偏好设置等信息。当用户首次访问一个网站时，服务器会在响应中发送一个Set-Cookie头部，其中包含了一个Cookie的值。浏览器接收到该响应后，会将Cookie存储在本地。在后续的请求中，浏览器会自动将该Cookie包含在请求的Cookie头部中，发送给服务端。这样，服务端就可以通过读取Cookie来获取用户的相关信息。
本文目录导读：
在互联网世界中，Cookie是一种非常常见的技术，它可以帮助网站记住用户的某些信息，以便为用户提供更好的服务，对于许多开发者来说，Cookie的操作却是一项具有挑战性的任务，本文将从基础到高级，深入探讨Cookie的操作方法和技巧，帮助你更好地理解和利用这项技术。
Cookie的基本概念
Cookie(原名：Magic Cookie)是一种存储在用户本地终端上的数据(通常经过加密),用于记录用户的一些信息，以便网站能够在后续的请求中识别出该用户，当用户再次访问网站时，服务器会检查这个Cookie,然后根据其内容来为用户提供个性化的服务。
创建和读取Cookie
1、创建Cookie
在JavaScript中，我们可以使用document.cookie属性来设置一个Cookie，以下是一个简单的示例：
document.cookie = "username=张三； expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";
这段代码创建了一个名为username的Cookie,其值为张三,过期时间为2023年12月18日，适用于整个网站路径。
2、读取Cookie
要读取一个Cookie,我们可以使用document.cookie属性，以下是一个简单的示例：
function getCookie(name) {
let cookieName = name + "=";
let decodedCookie = decodeURIComponent(document.cookie);
let cookieArray = decodedCookie.split(';');
for(let i = 0; i < cookieArray.length; i++) {
let cookie = cookieArray[i];
while (cookie.charAt(0) == ' ') {
cookie = cookie.substring(1);
}
if (cookie.indexOf(cookieName) == 0) {
return cookie.substring(cookieName.length, cookie.length);
}
}
return "";
}这个函数接受一个参数name,表示要查找的Cookie的名称，函数首先将document.cookie解码为一个字符串数组，然后遍历这个数组，查找以name开头的Cookie，如果找到了匹配的Cookie,就返回其值；否则，返回空字符串。
修改和删除Cookie
1、修改Cookie
要修改一个Cookie,我们可以先读取它的值，然后再将其重新赋值给document.cookie属性，以下是一个简单的示例：
function updateCookie(name, value, days) {
let expires = "";
if (days) {
let date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}这个函数接受三个参数：name表示要修改的Cookie的名称，value表示新的值，days表示新的过期时间(以天为单位)，如果不指定days,则使用原来的过期时间，函数首先计算新的过期时间，然后将其添加到document.cookie属性中。
2、删除Cookie
要删除一个Cookie,只需将其过期时间设置为一个过去的时间即可，以下是一个简单的示例：
function deleteCookie(name) {
document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
}这个函数接受一个参数name,表示要删除的Cookie的名称，函数将该Cookie的过期时间设置为1970年1月1日(Unix纪元开始的时间),这意味着该Cookie立即过期并被删除。
