JS 清除Cookie|极客笔记

JS 清除Cookie

在Web开发中，Cookie是一种存储在客户端（通常是浏览器）的小型文本文件，用于在Web服务器和客户端之间传递数据。在一些情况下，我们可能需要清除特定的Cookie，以便重新设置或删除某些信息。本文将详细介绍如何使用JavaScript来清除Cookie。

什么是Cookie

Cookie是一种由服务器发送到用户浏览器并保存在客户端的小型文本文件。它们通常用于跟踪、验证和存储用户信息、会话状态和其他数据。Cookie可以在访问同一网站时被浏览器重新发送到服务器。

如何设置Cookie

在JavaScript中，我们可以使用document.cookie属性来设置、获取和删除Cookie。下面是一个简单的示例，演示如何设置一个名为”username”的Cookie：

document.cookie = "username=John Doe";

如何清除Cookie

要清除一个Cookie，我们可以通过设置Cookie的过期时间为过去的时间来达到目的。这样浏览器会自动将这个Cookie删除。下面是一个清除名为”username”的Cookie的示例：

function clearCookie(name) {
  document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}

clearCookie("username");

在这个示例中，clearCookie函数接收一个参数name，该参数表示要清除的Cookie的名称。函数内部通过将该Cookie的过期时间设置为1970年1月1日的时刻来清除它。

完整的清除Cookie函数

为了更方便地清除Cookie，我们可以编写一个更完整的函数来实现。以下是一个清除Cookie的函数，它可以处理Cookie的键值对中包含特殊字符、空格等情况：

function clearCookie(name) {
  document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}

function deleteAllCookies() {
  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;
    clearCookie(name);
  }
}

deleteAllCookies();

上面的deleteAllCookies函数会遍历所有的Cookie，然后调用clearCookie函数逐个清除它们。