HTML DOM cookie 属性

什么是 cookie？

Cookie 是存储在用户计算机上的小型文本文件，用于在客户端和服务器之间传递数据。它可以存储用户的会话信息，如登录状态、购物车内容等，以便在用户访问网站时进行识别和跟踪。

如何使用 HTML DOM cookie 属性？

HTML DOM 中的 document 对象提供了 cookie 属性，用于操作 cookie。我们可以通过 document.cookie 来读取和设置 cookie。

读取 cookie

要读取 cookie，只需访问 document.cookie 属性即可。它会返回一个包含所有 cookie 的字符串，每个 cookie 之间用分号和空格分隔。

// 读取所有 cookie
console.log(document.cookie);

设置 cookie

要设置 cookie，只需将一个字符串赋值给 document.cookie 属性。字符串的格式应该是 key=value，可以通过分号和空格来设置多个 cookie。

// 设置一个 cookie
document.cookie = "username=John Doe";

// 设置多个 cookie
document.cookie = "username=John Doe; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";

删除 cookie

要删除 cookie，可以将 cookie 的过期时间设置为一个过去的时间。

// 删除一个 cookie
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/";

注意事项

• 设置 cookie 时，可以通过 expires 属性来设置 cookie 的过期时间，以便控制 cookie 的生命周期。
• 设置 cookie 时，可以通过 path 属性来指定 cookie 的路径，以便限制 cookie 的作用范围。
• 设置 cookie 时，可以通过 domain 属性来指定 cookie 的域名，以便跨子域共享 cookie。

通过 HTML DOM 的 cookie 属性，我们可以方便地处理 cookie，实现用户信息的保存和跟踪。在实际项目中，合理使用 cookie 可以提升用户体验和网站功能。希望本文对你有所帮助！