js写入和读取cookie

在 JavaScript 中，你可以使用 document.cookie 来写入和读取 cookie。

js写入Cookie

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

name=value：要存储的数据，以键值对的形式。

expires=date：可选项，指定 cookie 的过期时间。可以是一个 GMT 格式的日期字符串，或者可以是一个 Date 对象。如果未指定，cookie 将在会话结束时过期。

path=path：可选项，指定可以访问该 cookie 的路径，默认为当前页面路径。

domain=domain：可选项，指定可以访问该 cookie 的域名，默认为当前页面的域名。

secure：可选项，指定该 cookie 是否只在使用 SSL（HTTPS）连接时传输。

示例：

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

js读取Cookie

let cookies = document.cookie.split(";");

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

这将把所有的 cookie 分割成一个数组，并遍历每个 cookie，并将其分割成名字和值。

js读取写入Cookie注意事项

document.cookie 返回的是一个字符串，包含所有可用的 cookie。

写入 cookie 时，如果名称相同，后者将覆盖前者。

cookie 存储的数据量受到浏览器的限制，通常在几 KB 到几 MB 之间。

值得注意的是，在实际应用中，出于安全和隐私的考虑，敏感信息（如密码等）应该避免以明文形式存储在 cookie 中。需要考虑使用其他安全机制，如加密、token等方式来保护用户的隐私和安全。