如何在 JavaScript 中删除 cookie

在 JavaScript 中，我们可以使用 document.cookie 来读取和设置 cookie。但是，如果想要删除指定的 cookie，需要进行一些特殊的操作。本文将介绍如何在 JavaScript 中删除 cookie。

删除 cookie 的方法

1. 设置 cookie 的过期时间

设置 cookie 的过期时间为过去的一个时间，浏览器会自动删除该 cookie。

document.cookie = 'cookie_name=; expires=Thu, 01 Jan 1970 00:00:00 UTC;';

2. 使用 path 参数

当创建 cookie 时，可以设置一个可选的 path 参数，该参数指定了 cookie 应该在哪些页面可用。如果删除 cookie 时指定了该参数，那么该 cookie 只会在指定路径下被删除。

document.cookie = 'cookie_name=; path=/; expires=Thu, 01 Jan 1970 00:00:00 UTC;';

3. 使用 domain 参数

当创建 cookie 时，可以设置一个可选的 domain 参数，该参数指定了 cookie 应该在哪些域名下可用。如果删除 cookie 时指定了该参数，那么该 cookie 只会在指定域名下被删除。

document.cookie = 'cookie_name=; domain=example.com; expires=Thu, 01 Jan 1970 00:00:00 UTC;';

完整代码示例

使用上述方法删除名为 cookie_name 的 cookie：

function deleteCookie(name) {
  document.cookie = name + '=; path=/; expires=Thu, 01 Jan 1970 00:00:00 UTC;';
}

总结

本文介绍了在 JavaScript 中删除 cookie 的几种方法，包括设置 cookie 的过期时间、使用 path 参数和使用 domain 参数。在实际开发中，可以根据具体情况选择合适的方法来删除指定的 cookie。