在 Web 开发中，Cookie 是一种常见的跟踪机制，用于存储用户信息或者网站状态。其中有一种称为“会话 Cookie”，它只在用户访问网站期间存在，并且随着浏览器关闭自动删除。但是，在某些情况下，您可能需要手动删除会话 Cookie。本文将介绍如何使用 JavaScript 从浏览器中删除会话 Cookie。
获取 Cookie
在删除 Cookie 之前，我们首先需要获取它们。可以使用 JavaScript 中的 document.cookie 属性来获取当前页面中所有的 Cookie。该属性返回一个字符串，其中包含键值对以及其他关于 Cookie 的元数据信息。以下是一个示例：
const cookies = document.cookie.split(';');上述代码将 document.cookie 字符串拆分成多个键值对，以便我们可以对其进行迭代和操作。
删除 Cookie
要删除 Cookie，我们可以通过覆盖其过期时间来使其过期并被浏览器删除。过期时间是一个日期对象，表示 Cookie 应该在哪个时间点之前删除。以下是一个示例函数，它接受 Cookie 名称作为参数，并将其过期时间设置为过去的时间：
function deleteSessionCookie(name) {
document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/`;
}该函数将 Cookie 的过期时间设置为 1970 年 1 月 1 日，这意味着它已过期并应该从浏览器中删除。请注意，path=/ 指定了要删除的 Cookie 所在的路径。如果您未指定路径，则该 Cookie 只能在其创建时所在的路径中访问。
示例
以下是一个完整的示例，它使用上述函数删除名为 "session_id" 的会话 Cookie：
-- -------------------- ---- -------
-------- ------------------------- -
--------------- - ---------------------- -- --- ---- -------- ------------
-
----- ------- - ---------------------------
--- ---- - - -- - - --------------- ---- -
----- ------ - ------------------
-- ---------------------------------- -
----------------------------------
------
-
-该示例首先获取所有 Cookie，并对其进行迭代。然后，它检查每个 Cookie 是否以 "session_id" 开头，并调用 deleteSessionCookie 函数来删除它。
结论
通过使用 JavaScript，我们可以轻松地从浏览器中删除会话 Cookie。这对于某些需要手动控制 Cookie 生命周期的 Web 应用程序非常有用。请记住，在删除 Cookie 之前，请确保您真正需要这样做，并且仅删除您自己的 Cookie。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24601