JavaScript设置Cookie

在浏览器中，可以使用JavaScript设置cookie。cookie是存储在客户端计算机中的小数据文件，它们被服务器用于跟踪用户。设置cookie可以使网站更具交互性，例如，记录用户的状态并自动登录。

设置Cookie

要设置cookie，可以使用document.cookie属性。 document.cookie 是一个字符串，包含所有与当前文档关联的cookie。要设置一个新cookie，可以向该字符串添加一个新的cookie。例如：

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2021 12:00:00 UTC; path=/";

此代码会在客户端计算机上设置一个名为username的cookie，其值为John Doe，到期时间为Thu, 18 Dec 2021 12:00:00 UTC，作用路径为整个网站。

获取Cookie

要获取cookie，你可以读取document.cookie属性并查找特定的cookie。例如，要检查名为username的cookie是否存在，可以使用以下代码：

function getCookie(name) {
  const cookies = document.cookie.split(';');
  
  for (let i = 0; i < cookies.length; i++) {
    const cookie = cookies[i].trim();
    if (cookie.startsWith(name + '=')) {
      return cookie.substring(name.length + 1);
    }
  }
  
  return null;
}

const username = getCookie('username');

此代码将document.cookie分解为一个cookie数组，并循环检查每个cookie以查找名为username的cookie。如果找到，则返回该cookie的值。 否则，返回null。

删除Cookie

要删除cookie，可以设置expires属性为过去的时间戳。例如，要删除名为username的cookie，请使用以下代码：

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"

此代码设置过去的时间戳，表明该cookie已失效，从而从客户端计算机中删除username cookie。