以 Cookie 的角度解析器 - JavaScript

什么是 Cookie？

Cookie 是一种计算机数据存储技术，它可以在用户的计算机上存储和读取数据。在 JavaScript 中，我们可以使用 document.cookie 属性来读取和设置 Cookie。

设置 Cookie

要设置 Cookie，请使用以下代码：

document.cookie = "name=value; expires=date; path=path";

其中，name 是 Cookie 的名称，value 是 Cookie 的值。expires 是 Cookie 的过期时间，以 GMT 格式的字符串表示。如果未设置过期时间，则 Cookie 只在用户关闭浏览器之前有效。path 指定 Cookie 的路径，它决定了哪些页面可以访问 Cookie。

例如，要设置一个名为 user，值为 John Doe，过期时间为一小时，并且在网站根目录下可用的 Cookie，请使用以下代码：

document.cookie = "user=John Doe; expires=" + new Date(Date.now() + 3600000).toUTCString() + "; path=/";

读取 Cookie

要读取 Cookie，请使用以下代码：

var cookieValue = document.cookie;

cookieValue 变量将包含浏览器存储的所有 Cookie。要获取特定 Cookie 的值，请使用以下代码：

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

该函数将返回具有给定名称的 Cookie 的值。如果不存在具有该名称的 Cookie，则函数将返回 undefined。

删除 Cookie

要删除 Cookie，请将其过期时间设置为一秒钟之前，如以下代码所示：

var cookieToDelete = "user";
document.cookie = cookieToDelete + "=; expires=" + new Date(0).toUTCString() + "; path=/";

以上代码将删除名为 user 的 Cookie。

总结

在 JavaScript 中，可以使用 document.cookie 属性来读取和设置 Cookie。要设置 Cookie，请使用 document.cookie = "name=value; expires=date; path=path";，要删除 Cookie，请将其过期时间设置为一秒钟之前。要读取 Cookie，请使用 var cookieValue = document.cookie; 或自定义函数 getCookie(name)，它将返回具有给定名称的 Cookie 的值。