JavaScript无法删除已过期Cookie，因其已被浏览器自动丢弃；只能清除仍存在于document.cookie中的未过期Cookie，需匹配path/domain并设expires为过去时间。
JavaScript 本身无法直接删除“已过期的 Cookie 历史缓存记录”——因为 Cookie 过期后，浏览器会自动忽略它，且 JavaScript 无法读取或操作已过期、被浏览器丢弃的 Cookie。你真正能做的，是主动清除那些仍存在但已逻辑过期（比如值已失效）或你想提前清理的 Cookie。
确认 Cookie 是否还存在
浏览器只在每次 HTTP 请求时发送未过期的 Cookie。JS 只能通过 document.cookie 读取当前**未过期且同源、未标记为 HttpOnly** 的 Cookie。如果某个 Cookie 已过期，它不会出现在 document.cookie 中，也就无法被 JS “看到”或删除。
所以第一步不是删，而是检查：
- 打开浏览器开发者工具 → Application → Cookies，查看目标域名下还有哪些 Cookie（含过期时间）
- 执行
console.log(document.cookie)，看返回值是否包含你想处理的键名 - 如果没出现，大概率已被浏览器自动清理，无需操作
手动删除仍存在的 Cookie
对还在 document.cookie 中的 Cookie，可通过设置其 expires 为过去时间来删除：
立即学习“Java免费学习笔记（深入）”；
- 必须指定与设置时完全相同的 path 和 domain（否则可能删错或无效）
- 推荐写法：
document.cookie = "key=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/;" - 若原 Cookie 设置了
domain=.example.com，删除时也要带上：; domain=.example.com - 注意：HttpOnly Cookie 完全不可被 JS 访问或删除，只能由服务端通过 Set-Cookie 响应头清除
避免残留过期逻辑的常见做法
很多“过期”问题其实源于业务逻辑未同步清理：
- 登录态过期后，前端应主动清空本地 token、用户信息等，不依赖 Cookie 自动消失
- 用 localStorage/sessionStorage 存放辅助状态时，记得和 Cookie 生命周期保持一致
- 服务端应在用户登出或会话失效时，返回
Set-Cookie: key=; expires=...; path=/主动作废
调试与验证技巧
删除后别只信 JS 日志，要验证是否真生效：
- 刷新页面，再查
document.cookie，确认目标键已消失 - 看 Network → 请求 headers 的 Cookie 字段，是否还携带该键值
- 关闭标签页甚至重启浏览器，测试持久性行为（尤其带 expires 的 Cookie）
