JS 清空网站cookie|极客笔记

JS 清空网站cookie

1. 简介

在网站开发中，cookie 是一种用来保存用户信息的小型文本文件。网站可以通过设置 cookie 来保存用户的登录状态、购物车信息和其他个性化设置。有时候，我们需要在用户退出登录或者清除浏览记录时清空网站的 cookie 信息。在本文中，我们将介绍如何使用 JavaScript 来清空网站的 cookie。

2. 什么是 cookie

Cookie 是一种存储在用户计算机上的小型文本文件，用于存储用户的信息或者设置。通过设置 cookie，网站可以在用户下次访问时获取到之前保存的信息。Cookie 通常包含了键值对，如下所示：

user_id=12345; expires=Wed, 21 Oct 2020 07:28:00 GMT; path=/

3. 如何清空网站的 cookie

在 JavaScript 中，我们可以通过设置 cookie 的过期时间为一个过去的时间点来清空 cookie。以下是一个简单的示例代码：

function clearCookies() {
    var cookies = document.cookie.split(";");

    for (var i = 0; i < cookies.length; i++) {
        var cookie = cookies[i];
        var eqPos = cookie.indexOf("=");
        var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
        document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;";
    }
}

在这段代码中，我们首先使用 document.cookie 来获取当前网站的所有 cookie，并将其以分号分隔转为数组。然后我们遍历这个数组，针对每一个 cookie 设置过期时间为过去时间。这样就可以清空网站的所有 cookie。

4. 示例

我们可以在控制台中运行上面的代码来清空网站的 cookie。下面是一个示例：

clearCookies();

5. 进一步优化

除了简单地设置过期时间为过去时间以外，我们还可以根据 cookie 的 path 和 domain 来更精确地清空指定的 cookie。以下是一个稍微优化后的代码：

function clearCookies(path, domain) {
    var cookies = document.cookie.split(";");

    for (var i = 0; i < cookies.length; i++) {
        var cookie = cookies[i];
        var eqPos = cookie.indexOf("=");
        var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
        document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT; path=" + path + "; domain=" + domain + ";";
    }
}

在这个优化后的代码中，我们新增了两个参数 path 和 domain，用来指定要清空的 cookie 的路径和域名。这样可以更加灵活地清空部分 cookie。