删除 Cookie 需通过覆盖实现：设置同名、同 path、同 domain 的 Cookie，值为空且 expires 为过去时间（如 Thu, 01 Jan 1970 00:00:00 UTC）；HttpOnly Cookie 无法用 JS 删除，须由服务端处理。
不能直接用 document.cookie “删除” Cookie，只能通过覆盖的方式：将目标 Cookie 的值设为空，并把过期时间设为过去的时间点，浏览器会自动清除它。
确认要删除的 Cookie 名称和路径
Cookie 是路径敏感的。如果当初设置时指定了 path=/admin，那么删除时也必须带上相同的 path，否则无法匹配并清除。同理，若设置了 domain 或 secure，删除时也需一致，否则无效。
- 查看当前所有 Cookie：
console.log(document.cookie)（注意这只是字符串，不含 path/domain 等元数据） - 更可靠的方式是记住创建时的配置，或在服务端统一管理 cookie 生命周期
用过期时间覆盖指定 Cookie
核心操作是给同名、同 path、同 domain 的 Cookie 赋一个空值，并设置 expires 为一个已过去的日期（如 1970 年）：
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"
-
username=表示清空值（等号后无内容） -
expires=...必须是完整、合法的 GMT 时间格式，推荐用new Date(0).toUTCString() -
path=/要与原 Cookie 一致；若原 Cookie 是path=/user，这里也得写path=/user
封装一个安全删除函数
避免手动拼接出错，可封装成可复用函数：
立即学习“Java免费学习笔记（深入）”；
function deleteCookie(name, path = '/', domain = '') {<br> let cookieStr = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=${path}`;<br> if (domain) cookieStr += `; domain=${domain}`;<br> document.cookie = cookieStr;<br>}
- 调用示例：
deleteCookie('token', '/api', 'example.com') - 注意：该函数不处理
HttpOnlyCookie（这类 Cookie 无法通过 JS 访问或删除，必须由服务端清除） - 若不确定原始 path，可尝试多个常见路径（如
/、/app），但无法枚举全部
重要限制与替代建议
document.cookie 只能操作非 HttpOnly 的 Cookie，且无法读取已有 Cookie 的 path、domain、secure 等属性——这些信息浏览器不暴露给 JS。因此“安全删除”的前提是：你清楚当初怎么设的。
- 前端无法 100% 确保删除成功，尤其跨子域或复杂路径场景
- 敏感身份凭证（如 session token）建议优先使用
HttpOnly + Secure，由后端控制生命周期 - 需要前端主动登出时，可配合调用后端登出接口，让服务端清除服务端 Cookie 和 session
