如何使用 JavaScript 清除所有 cookie？

Cookie为客户端和服务器提供了一种通过 HTTP 交互和传递信息的方式。这使客户端能够存储状态信息，尽管使用的是无状态协议 HTTP。当浏览器向服务器请求网页时，服务器会为请求提供服务并“忘记”访问。但它会将一些信息传递给用户的浏览器。浏览器以 key=value 对的形式存储信息并管理这些信息。

• Cookie 信息在用户浏览器对域的每次后续访问期间在 HTTP 请求标头中传递。
• 登录详细信息、同意、其他偏好等信息用于增强和定制用户体验。

HTTP cookie 过期，日期和时间在“expires”属性中指定。因此，当日期和时间超过到期日期（和时间）时，浏览器会自动删除 cookie。由于此属性是可配置的*，因此可以通过将“到期”设置为任何已通过的值来删除所有 cookie。

当前文档的 cookie 属性用于修改使用HTML DOM cookie 属性购买的 cookie 的属性。 document.cookie返回由与当前文档关联的分号分隔的所有 cookie 的单个字符串。

句法：

document.cookie = "key=value";

代码：下面的代码说明了如何使用 JavaScript 删除 cookie。该代码在在线编辑器上运行，以证明只有您的站点创建的 cookie 才能被代码删除。

  

    
    
        Clear cookies using Javascript
    

  

    
        
             GeeksforGeeks
        
        
            document.cookie = "1P_JAR=akjdsbJKHdjhbk";
            document.cookie = "CONSENT=YES+IN.en+20170903-09-0";
  
            function displayCookies() {
  
                var displayCookies = document.getElementById("display");
                displayCookies.innerHTML = document.cookie;
            }
  
            function deleteCookies() {
                var allCookies = document.cookie.split(';');
                
                // The "expire" attribute of every cookie is 
                // Set to "Thu, 01 Jan 1970 00:00:00 GMT"
                for (var i = 0; i < allCookies.length; i++)
                    document.cookie = allCookies[i] + "=;expires="
                    + new Date(0).toUTCString();
  
                displayCookies.innerHTML = document.cookie;
  
            }
        
        Display Cookies
        Delete Cookies
        
    

  

   

输出：

注意：如果 cookie 的“HTTP”属性设置为“True”，则无法使用 JavaScript 修改其任何属性。