JavaScript清除Cookies的方法

一、什么是Cookies

Cookies是一种存储在用户计算机上的小文本文件，最初是为了方便用户在Web网站之间传递信息而创建的。每当用户访问Web站点时，Web服务器就会通过HTTP响应发送一个Cookie给用户浏览器，并且标记这个Cookie将保存多长时间。

Cookies通常用于存储用户特定的信息，例如用户的登录凭据、购物车中的商品等等。Web页面可以通过JavaScript代码读取这些Cookies，使其能够自动填充表单字段或执行其他特定的操作。

二、Cookies对用户和开发人员有什么影响

对于用户来说，Cookies有很多好处。例如，它们可以让用户在多个页面之间保持登录状态，而无需每次都要求用户手动输入用户名和密码。它们也可以用于存储购物车中的商品、记录用户在网站上的活动和其他相关信息。

对于开发人员来说，Cookies提供了一种方便的方法，以跟踪哪些用户正在访问他们的网站，并向用户提供广告和其他相关的信息。Cookies也可以被用来存储网站配置信息和其他相关的数据。

三、如何在JavaScript中清除Cookies

在JavaScript中，可以通过设置cookie到期日期为过去的时间来清除cookie。以下是一个JavaScript函数，将清除所有配置域下的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";
  }
}

四、再看一遍 clearCookies() 方法

这个函数的工作方式是通过分割当前页面设置的所有Cookie字符串来查找每个cookie。如果找到一个cookie，它就将过去的日期设置为当前日期来清除cookie。

在清除cookie之前，它需要将cookie字符串分解成多个子字符串。它使用document.cookie字符串，该字符串包含与页面关联的所有cookie的名称和值。这一个函数把document.cookie分割成一个名为cookies的数组，并依次循环检查每一个cookie。

如果找到一个cookie，就将过去的日期设置为当前日期来清除cookie。它使用逗号将name = value对分离出来，并将等号作为分界符从cookie中分离出变量名。setTimeout,(name,value)在这里被占用，也要注意。

五、效果展示

下面是一个非常简单的示例页面，演示如何在JavaScript中清除Cookies。



  Clear Cookies


  Clear Cookies Example
  
  <script>
    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";
      }
      alert("All cookies have been cleared.");
    }
  </script>