JavaScript Cookies

2025 年 4 月 23 日 | 2 分钟阅读

Cookie 是在服务器端和客户端之间持久存在的一段信息。Web 浏览器在浏览时存储这些信息。

Cookie 包含的信息通常是名称-值对的形式,由分号分隔。它维护用户的状态并记住所有网页上的用户信息。

Cookie 的工作原理是什么?

  • 当用户向服务器发送请求时,每个请求都被视为由不同的用户发送的新请求。
  • 因此,为了识别老用户,我们需要在服务器响应中添加 Cookie。
  • 客户端的浏览器。
  • 现在,无论何时用户向服务器发送请求,Cookie 都会自动添加到该请求中。由于 Cookie,服务器能够识别用户。
JavaScript Cookies

如何在 JavaScript 中创建 Cookie?

在 JavaScript 中,我们可以使用 document.cookie 属性来创建、读取、更新和删除 Cookie。

以下语法用于创建 Cookie

JavaScript Cookie 示例

示例 1

让我们看一个设置和获取 Cookie 的示例。

示例 2

这里,我们单独显示 Cookie 的名称-值对。

示例 3

在这个例子中,我们提供了颜色的选择,并将选择的颜色值传递给 Cookie。现在,Cookie 在浏览器中存储用户的最后一次选择。因此,在重新加载网页时,用户的最后一次选择将显示在屏幕上。


下一主题JS Cookie 属性