在 JavaScript 的帮助下创建 Cookie

在 Web 开发中，cookie 是一种存储在客户端的小型数据文件。网站服务器可以使用 cookie 来跟踪用户的访问，记录用户的偏好和识别用户身份等。

在 JavaScript 中，使用 document.cookie 可以很方便地创建、获取和删除 cookie。

创建 Cookie

要创建一个 cookie，你只需要将需要存储的数据赋值给 document.cookie。

document.cookie = "key=value; expires=expiration_time; path=path_name"

其中 key 是 cookie 的名称，value 是需要存储的值。expires 是 cookie 的过期时间，path 是 cookie 的路径。

例如，要创建一个名称为 username，值为 John 的 cookie，并设置过期时间为 1 天：

let today = new Date();
let expires = new Date();
expires.setTime(today.getTime() + 86400000); // 1 day

document.cookie = "username=John; expires=" + expires.toGMTString() + "; path=/";

获取 Cookie

要获取 Cookie 的值，可以直接访问 document.cookie。返回的是整个 cookie 字符串，需要解析出需要的值。

以下是一个获取名称为 username 的 cookie 的示例：

// 获取 cookie
function getCookie(name) {
  let value = "; " + document.cookie;
  let parts = value.split("; " + name + "=");
  if (parts.length === 2) {
    return parts.pop().split(";").shift();
  }
}

// 读取 cookie
let username = getCookie("username");
console.log(username); // 'John'

删除 Cookie

要删除一个 cookie，只需要设置它的过期时间为一个已经过去的时间即可：

function deleteCookie(name) {
  let expires = "expires=Thu, 01 Jan 1970 00:00:00 UTC";
  document.cookie = name + "=;" + expires + "; path=/;";
}

deleteCookie("username");

上面的代码片段演示了如何在 JavaScript 的帮助下创建、读取和删除 cookie。记住，cookie 被广泛应用于 Web 开发中，但也有一些安全隐患，需要谨慎使用。