如何使用 JavaScript 清除所有 cookie?
在本教程中，我们将学习使用 JavaScript 清除所有 cookie。Cookie 是以文本文件格式存储在浏览器或用户计算机中的文本或数据，是一种缓存。
开发人员可以将用户名、身份验证令牌等存储在浏览器的 cookie 中。当用户第一次访问网页时，它会从服务器检索用户信息并将其以 cookie 格式存储在浏览器中。之后，当用户再次访问网页时，它会从 cookie 而不是服务器中检索所需的数据，从而使应用程序快速而安全。
每个浏览器对存储 cookie 都有限制。大多数现代浏览器允许用户存储最大大小为 4kb 的 cookie。但是，不同的浏览器允许存储不同数量的 cookie。 Google Chrome 允许 180，Firefox 允许 150，等等。
使用 JavaScript 清除所有 Cookie
本节将介绍如何使用 JavaScript 清除所有 Cookie。每个 Cookie 都包含 expiry 属性，其中包含特定 Cookie 的到期日期和时间。我们可以检索所有 Cookie 并设置过去的到期日期以清除所有 Cookie。
语法
用户可以按照以下语法为所有 Cookie 设置过去的到期日期。
// 检索所有 Cookie
var Cookies = document.cookie.split(';');
// 将过去的到期日期设置为所有 Cookie
for (var i = 0; i < Cookies.length; i++) {
document.cookie = Cookies[i] + "=; expires="+ new Date(0).toUTCString();
}
算法
用户可以按照以下算法清除所有 cookie。
步骤 1 - 使用 document.cookies 获取所有 cookie。>
步骤 2 - 用分隔符";"拆分所有 cookie，并返回 cookie 数组。
步骤 3 - 遍历每个 cookie 并将"expires"属性的值设置为过去的到期日期。
示例
在下面的示例中，我们创建了两个按钮名称，"显示 cookie"和"清除 cookie"。当用户单击其中任何一个时，它将调用相应的函数来显示 cookie 或删除 cookie。我们将在网页加载时在 cookies 中设置该对象。
<html> <head> </head> <body> <h2>Clear all cookies using JavaScript</h2> <h4>Click on the below buttons to show and clear cookies.</h4> <button onclick = "showCookies()">show Cookies</button> <button onclick = "deleteCookies()">clear Cookies</button> <div id = "show"></div> <script type ="text/javascript"> // function to show cookies function showCookies() { var show = document.getElementById("show"); show.innerHTML = document.cookie; } // function to delete cookies function deleteCookies() { var Cookies = document.cookie.split(';'); // set 1 Jan, 1970 expiry for every cookies for (var i = 0; i < Cookies.length; i++) document.cookie = Cookies[i] + "=;expires=" + new Date(0).toUTCString(); showCookies(); } // set object in the cookies on webpage load. window.onload = () => { let object = { name: "tutorialsPoint", site: "tutorialsPoint.com", } document.cookie = 'object=' + JSON.stringify(object); } </script> </body> </html>
在上面的输出中，用户点击"显示 cookies"按钮后，最终可以在 cookies 中看到对象。当用户点击"清除 cookies"按钮时，它将从 cookies 中删除对象。在这里，我们清除了我们设置的所有 cookies。
用户已经学会了如何成功清除所有 cookies。但是，用户可以直接进入开发人员工具并清除 cookies。用户可以按照上面的示例代码使用 JavaScript 从客户端清除 cookies。
