【document.cookie】一、
`document.cookie` 是 JavaScript 中用于操作浏览器中存储的 Cookie 的一个属性。通过它，开发者可以在客户端读取、设置和删除 Cookie，从而实现用户状态管理、会话跟踪等功能。由于 Cookie 存储在用户的浏览器中，因此它的使用需要遵循一定的安全规范和隐私政策。
以下是对 `document.cookie` 的基本用法和特点的总结：
- 读取 Cookie：可以通过 `document.cookie` 获取当前页面所有可用的 Cookie。
- 设置 Cookie：使用 `document.cookie = "name=value"` 语法来添加或更新 Cookie。
- 删除 Cookie：通过设置过期时间为过去的时间点来删除 Cookie。
- 安全性：Cookie 可以被设置为 `HttpOnly` 或 `Secure`，以提高安全性。
- 作用域：Cookie 可以限定在特定路径或域名下使用。
二、表格展示
| 功能 | 说明 | 示例代码 |
| 读取 Cookie | 获取当前页面的所有 Cookie | `console.log(document.cookie);` |
| 设置 Cookie | 添加或更新 Cookie | `document.cookie = "username=JohnDoe; max-age=3600";` |
| 删除 Cookie | 通过设置过期时间为过去时间点 | `document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";` |
| 设置路径 | 指定 Cookie 的访问路径 | `document.cookie = "theme=dark; path=/";` |
| 设置域名 | 指定 Cookie 的适用域名 | `document.cookie = "sessionid=12345; domain=example.com";` |
| HttpOnly 属性 | 防止 JavaScript 访问 Cookie | `document.cookie = "sessionid=12345; HttpOnly";` |
| Secure 属性 | 仅通过 HTTPS 传输 Cookie | `document.cookie = "sessionid=12345; Secure";` |
| SameSite 属性 | 控制 Cookie 在跨站请求中的行为 | `document.cookie = "sessionid=12345; SameSite=Strict";` |
三、注意事项
- `document.cookie` 返回的是字符串，多个 Cookie 之间用分号和空格分隔。
- 设置 Cookie 时，必须注意字符编码问题，尤其是特殊字符。
- Cookie 的大小有限制（通常不超过 4KB），应合理使用。
- 为了保护用户隐私，现代浏览器对 Cookie 的使用有更严格的限制，如默认禁止第三方 Cookie。
四、结语
`document.cookie` 是前端开发中常用的工具，能够帮助开发者实现用户身份识别、个性化设置等功能。但使用时需注意安全性和兼容性，避免因不当使用导致数据泄露或功能异常。随着 Web 技术的发展，虽然一些替代方案（如 LocalStorage）逐渐流行，但在某些场景下，Cookie 仍然是不可或缺的。