Cookie操作Cookie操作，从基础到高级，深入理解浏览器的跟踪小助手cookies操作

Cookie是一种浏览器的小助手，用于记录用户的访问记录、偏好设置等信息。当用户首次访问一个网站时，服务器会在响应中发送一个Set-Cookie头部，其中包含了一个Cookie的值。浏览器接收到该响应后，会将Cookie存储在本地。在后续的请求中，浏览器会自动将该Cookie包含在请求的Cookie头部中，发送给服务端。这样，服务端就可以通过读取Cookie来获取用户的相关信息。

本文目录导读：

1. Cookie的基本概念
2. 创建和读取Cookie
3. 修改和删除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立即过期并被删除。