【Q161】如何删除一个 cookie | dom高频面试题

极客时间返利平台，你可以在上边通过山月的链接购买课程，并添加我的微信 (shanyue94) 领取返现。

山月训练营之面试直通车服务上线了，从准备简历、八股文准备、项目经历准备、面试、面经、面经解答、主观问题答复、谈薪再到入职的一条龙服务。

Issue

欢迎在 Gtihub Issue 中回答此问题: Issue 162 (opens new window)

Author

回答者: shfshanyue (opens new window)

通过把该 cookie 的过期时间改为过去时即可删除成功，具体操作的话可以通过操作两个字段来完成

max-age: 将要过期的最大秒数，设置为 -1 即可删除
expires: 将要过期的绝对时间，存储到 cookies 中需要通过 date.toUTCString() 处理，设置为过期时间即可删除

很明显，max-age 更为简单，以下代码可在命令行控制台中进行测试

// max-age 设置为 -1 即可成功
document.cookie = "a=3; max-age=-1";

> document.cookie
< ""

> document.cookie = 'a=3'
< "a=3"

> document.cookie
< "a=3"

// 把该字段的 max-age 设置为 -1
> document.cookie = 'a=3; max-age=-1'
< "a=3; max-age=-1"

// 删除成功
> document.cookie
< ""

同时，也可以使用最新关于 cookie 操作的 API: CookieStore API (opens new window) 其中的 cookieStore.delete(name) 删除某个 cookie

Author

回答者: Carrie999 (opens new window)

前端一般不操作，server 来操作

← 1. 如何设置一个 cookie 3. 如何判断当前环境是移动端还是PC端 →

# 如何删除一个 cookie