javascript Cookie如何操作_如何读写和删除Cookie

JavaScript通过document.cookie字符串接口操作Cookie：写入需拼接key=value及属性（如expires、path）；读取需split解析并解码；删除需覆盖写入过期同名Cookie。

JavaScript 中操作 Cookie 主要通过 document.cookie 实现，它是一个字符串接口，读写都依赖对字符串的解析与拼接。虽然原生方式略显繁琐，但理解其原理对调试和兼容性处理很有帮助。

如何写入 Cookie

写入 Cookie 是给 document.cookie 赋值一个符合格式的字符串。基本语法为：key=value; expires=GMTString; path=/; domain=example.com; secure; HttpOnly（注意：HttpOnly 无法通过 JS 设置）。

• 必须指定 value，且建议对值使用 encodeURIComponent() 编码，避免特殊字符（如空格、分号、逗号）导致截断
• expires 或 max-age 决定有效期；不设置则为会话 Cookie（关闭浏览器即失效）
• path 默认是当前路径，设为 / 可让整个域名下都能访问
• secure 表示仅在 HTTPS 下发送（可选，写入时直接加字段即可）

示例：

document.cookie = "username=john; expires=" + new Date(Date.now() + 24 * 60 * 60 * 1000).toUTCString() + "; path=/; secure";

如何读取 Cookie

document.cookie 返回的是一个以分号加空格（"; "）分隔的字符串，例如："a=1; b=2; c=hello%20world"。需手动解析才能获取指定 key 的 value。

立即学习“Java免费学习笔记（深入）”；

标签： javascript java js 前端 cookie 编码 浏览器 app 工具 session 后端 ai 键值对