什么是 Cookie？
Cookie 是一个小的数据片段，它在用户的计算机上存储在浏览器中。一般情况下，Cookie 是由服务器发送到浏览器的，并且浏览器会将它们存储在本地。这些 Cookie 可以包含各种信息，例如用户的首选项、登录状态等。
JavaScript 中如何设置 Cookie？
要在客户端使用 JavaScript 设置 Cookie，需要使用 document.cookie 属性。该属性返回当前文档的所有 Cookie。通过设置该属性，可以添加或更新 Cookie。
以下是一个简单的示例，演示如何使用 JavaScript 设置 Cookie：
--------------- - -------------- ------------ -- --- ---- -------- ---- --------
在上面的代码中，我们创建了一个名为“name”的 Cookie，其值为“ChatGPT”。我们还设置了一个过期时间（在此示例中为 2024 年 4 月 7 日），并在 / 路径下设置了该 Cookie。
如何从 JavaScript 中读取 Cookie？
要从 JavaScript 中读取 Cookie，只需使用 document.cookie 属性即可。
-----------------------------
以上代码将打印出当前文档的所有 Cookie。
其他参数
除了上面提到的 expires 和 path 参数之外，还有其他可用的 Cookie 参数。以下是其中一些常用的参数：
max-age：该参数指定 Cookie 的最大年龄（以秒为单位）。如果同时指定了max-age和expires，则max-age将覆盖expires。例如，如果要将 Cookie 设置为在 60 秒后过期，可以执行以下操作：--------------- - -------------- ------------
domain：该参数指定 Cookie 可用于哪个域名。例如，要将 Cookie 设置为仅在 example.com 域名下可用，可以执行以下操作：--------------- - -------------- --------------------
注意事项
请注意，由于浏览器的安全限制，Cookie 只能在与创建 Cookie 的页面相同的域名下访问。
此外，应该谨慎地处理包含敏感信息的 Cookie。如果 Cookie 包含某些用户数据，则必须对其进行加密或哈希处理，以防止未经授权的访问。
结论
现在，你已经学会了如何使用 JavaScript 在本地 HTML 文件中设置和读取 Cookie。当然，Cookie 的用途远不止这些。它们也可以用于跟踪用户、存储购物车信息等。但是，请记住，在开发 Web 应用程序时，使用 Cookie 时一定要小心，并遵循最佳实践。
--------------- - -------------- ------------ -- --- ---- -------- ---- -------- ----------------------------- -- ---------------
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/30703