Cookie是在Web开发中常用的一种数据存储方式，它可以帮助我们在不同页面之间保持用户身份信息、存储用户的偏好设置等数据。本文将介绍如何使用JavaScript来设置和读取Cookie。
什么是Cookie？
Cookie是由服务器发送到浏览器的一小段数据，浏览器会将这些数据存储在客户端的硬盘上，并且在每次请求时自动将其发送回服务器。Cookie的大小通常被限制在4KB以内。
通过设置不同的属性，我们可以控制Cookie的有效期、域名、路径、安全性等。Cookie的主要作用是保存用户的登录状态、个性化设置等信息，使用户不必在每次访问网站时都重新输入信息。
设置Cookie
使用JavaScript来设置Cookie非常简单，我们只需要调用document.cookie属性并赋值即可。例如，下面的代码会设置一个名为username的Cookie，它的值为"John Doe"，有效期为7天：
document.cookie = "username=John Doe; expires=Thu, 14 Apr 2023 00:00:00 UTC; path=/";
上述代码中，我们使用了expires属性来设置Cookie的过期时间，它的值应该是一个UTC格式的字符串。我们还可以使用其他属性来进一步控制Cookie的行为，例如：
- domain：指定可访问该Cookie的域名。
- path：指定可访问该Cookie的路径。
- secure：设置为true时，该Cookie只能通过HTTPS协议发送。
在设置多个Cookie时，请使用分号将它们隔开。例如：
document.cookie = "username=John Doe; expires=Thu, 14 Apr 2023 00:00:00 UTC; path=/; domain=example.com"; document.cookie = "language=zh-CN; expires=Thu, 14 Apr 2023 00:00:00 UTC; path=/; domain=example.com";
读取Cookie
要读取Cookie，我们只需要访问document.cookie属性即可。这个属性返回一个以分号分隔的字符串，每个键值对之间用等号连接。例如，下面的代码会输出所有的Cookie：
console.log(document.cookie);
如果我们想要获取特定的Cookie，可以使用正则表达式来匹配它。例如，下面的代码会输出名为"username"的Cookie的值：
-- -------------------- ---- -------
-------- --------------- -
--- ------- - ----------- - -----------
--- ------- - -------------------------------
-- --------- -
--- ------ - ----------------------
------ ----------
-
------ ------
-
-----------------------------------上述代码中，我们定义了一个名为getCookie的函数，它接受一个参数name，并使用正则表达式去匹配出对应的Cookie。如果找到了对应的Cookie，则返回它的值；否则返回false。
总结
在本文中，我们介绍了JavaScript中如何设置和读取Cookie。通过使用这些技术，我们可以方便地存储和管理用户的身份信息、偏好设置等数据。当然，在使用Cookie时也需要注意一些安全问题，例如防止跨站点脚本攻击和保护用户隐私等。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/1043