JavaScript 的Cookie基本使用

JavaScript Cookie（JavaScript 的 Cookie）是一种在Web浏览器中存储和检索用户信息的机制。它允许网站在用户计算机上存储小型数据片段，以便在之后的会话中使用这些数据。Cookie通常用于持久化用户首选项、跟踪用户行为和提供个性化体验。

通过JavaScript，您可以使用document.cookie属性来访问和操作Cookie。document.cookie返回一个字符串，其中包含当前页面可用的所有Cookie。您可以将新的Cookie添加到该字符串中，或编辑/删除现有的Cookie。

要创建一个新的Cookie，您需要指定Cookie的名称和值，并可以选择设置其他可选参数，如过期时间、路径和域。

JavaScript 创建Cookie

JavaScript 可以使用 document.cookie 属性来创建 、读取、及删除 cookie。

JavaScript 中，创建 cookie 如下所示：

document.cookie="username=John Doe";

您还可以为 cookie 添加一个过期时间（以 UTC 或 GMT 时间）。默认情况下，cookie 在浏览器关闭时删除：

document.cookie="username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT";

您可以使用 path 参数告诉浏览器 cookie 的路径。默认情况下，cookie 属于当前页面。

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

JavaScript 读取 Cookie

在 JavaScript 中, 可以使用以下代码来读取 cookie。

var x = document.cookie;

JavaScript 修改 Cookie

在 JavaScript 中，修改 cookie 类似于创建 cookie。

document.cookie="username=John Smith; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/";

JavaScript 删除 Cookie

删除 cookie 非常简单。您只需要设置 expires 参数为以前的时间即可。

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

document.cookie 属性看起来像一个普通的文本字符串，其实它不是。

即使您在 document.cookie 中写入一个完整的 cookie 字符串, 当您重新读取该 cookie 信息时，cookie 信息是以名/值对的形式展示的。

如果您设置了新的 cookie，旧的 cookie 不会被覆盖。 新 cookie 将添加到 document.cookie 中