在 JavaScript 中获取 Cookie 值

什么是 Cookie

在 Web 开发中，Cookie 用于在客户端存储数据，以便在同一网站的不同页面之间传递信息或保存用户偏好设置。

如何设置 Cookie

要设置 Cookie，可以使用 JavaScript 的 document.cookie 属性。例如，下面的代码将在客户端设置一个名为 username 值为 John 的 Cookie：

document.cookie = "username=John";

可选的 Cookie 属性包括 expires、path、domain、secure 等，可以通过设置字符串的形式来实现。例如，下面的代码将在客户端设置一个过期时间为一天后的 Cookie：

var d = new Date();
d.setTime(d.getTime() + (24*60*60*1000));
var expires = "expires=" + d.toUTCString();
document.cookie = "username=John;" + expires + ";path=/";

如何获取 Cookie

要获取 Cookie，可以使用 JavaScript 的 document.cookie 属性。例如，下面的代码将获取名为 username 的 Cookie：

var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++) {
  var name = cookies[i].split("=")[0];
  var value = cookies[i].split("=")[1];
  if (name == "username") {
    console.log("username=" + value);
  }
}

在此代码中，使用 document.cookie 获取所有 Cookie。然后，将字符串分割成一个数组，并使用 split("=") 获取每个 Cookie 的名称和值。最后，使用 if 语句检查每个 Cookie 的名称是否与所需名称匹配，并输出相应的值。

总结

通过 JavaScript 可以方便地设置和获取 Cookie。注意，Cookie 存储在客户端，因此不应将敏感信息存储在 Cookie 中，以避免安全风险。