介绍
Cookie 是一种用于在浏览器和 Web 服务器之间传递信息的小文件。常见的用途包括记录用户首选项、购物车内容以及用户身份验证状态等。本文将详细讲解如何在一个域中创建一个 JavaScript Cookie，并在其子域中访问该 Cookie。
创建Cookie
要在 JavaScript 中创建 Cookie，我们可以使用 document.cookie 属性。这个属性包含了当前页面的所有 Cookies。要创建一个新的 Cookie，我们可以给 document.cookie 赋一个字符串值，该字符串值包含了 Cookie 的名称、值以及其他一些参数，例如过期时间、路径和域。
下面是一个简单的例子：
document.cookie = "name=value; expires=Thu, 01 Jan 2099 00:00:00 UTC; path=/; domain=.example.com";
在这个例子中，我们创建了一个名为 name，值为 value 的 Cookie，并设置了过期时间，路径和域。
子域访问Cookie
默认情况下，只有在创建 Cookie 的页面所在的域中才能访问该 Cookie。如果您希望在子域中访问 Cookie，您需要在创建 Cookie 时指定域参数，如上例所示。在这个例子中，我们设置了 domain=.example.com，表示该 Cookie 可以在 example.com 的任何子域中访问。
如果您的网站有多个子域，您需要在每个子域中设置相同的 Cookie，以便它们可以共享数据。以下是一个示例：
-- -------------------- ---- -------
-- -- ------
--------------- - ------------ ------------ -- --- ---- -------- ---- ------- ---------------------
-- ------ ------
--- ------- - ------------------------ ---
--- ---- - - -- - - --------------- ---- -
--- ------ - ----------------------
-- ---------- --- ------- -
-----------------------
-
-在这个例子中，我们创建了一个名为 name，值为 value 的 Cookie，并将域参数设置为 .example.com。然后，在子域中，我们使用 JavaScript 代码获取所有可用的 Cookies，并找到名为 name 的 Cookie。
总结
本文介绍了如何在 JavaScript 中创建一个 Cookie，以及如何在其子域中访问该 Cookie。通过正确地设置 Cookie 的域参数，我们可以使 Cookie 在不同的子域中共享数据。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12180