在 web 开发中，Cookie 是一种存储在用户计算机上的小型文本文件，用于存储用户的信息。Cookie 可以在用户的计算机上存储信息，以便在用户再次访问网站时可以使用。JavaScript 可以通过 document.cookie 属性来操作 Cookie，让我们来深入了解一下。
创建 Cookie
要创建一个 Cookie，只需要将一个字符串赋值给 document.cookie。下面是一个简单的示例：
document.cookie = "username=John Doe; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";
在上面的示例中，我们设置了一个名为 "username" 的 Cookie，其值为 "John Doe"，过期时间为 2023 年 12 月 18 日，路径为根目录。
读取 Cookie
要读取 Cookie，我们可以通过 document.cookie 属性来获取所有的 Cookie，并使用 JavaScript 来解析它们。下面是一个示例：
-- -------------------- ---- -------
-------- --------------- -
----- ------- - ------------------------ ---
--- ---- - - -- - - --------------- ---- -
----- ------ - ----------------------
-- ---------- --- ----- -
------ ----------
-
-
------ ---
-
----- -------- - ----------------------
----------------------在上面的示例中，我们定义了一个名为 getCookie 的函数，用于获取指定名称的 Cookie 值。然后我们调用这个函数来获取名为 "username" 的 Cookie 值。
更新 Cookie
要更新一个 Cookie，只需要重新设置它即可。下面是一个示例：
document.cookie = "username=Jane Smith; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";
在上面的示例中，我们更新了名为 "username" 的 Cookie 的值为 "Jane Smith"。
删除 Cookie
要删除一个 Cookie，只需要将过期时间设置为一个过去的时间即可。下面是一个示例：
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/";
在上面的示例中，我们将名为 "username" 的 Cookie 的过期时间设置为过去的时间，从而删除了这个 Cookie。
通过以上方法，我们可以方便地对 Cookie 进行创建、读取、更新和删除操作，从而实现在 web 开发中存储和管理用户信息的功能。