JS | 使用JS清除 cookie 的方法有哪些？

置顶儒雅的烤地瓜

于 2025-04-24 08:30:00 发布

阅读量997

点赞数 29

分类专栏： JavaScript HTML 计算机网络文章标签： javascript cookie 清除cookie

本文链接：https://blog.csdn.net/sunyctf/article/details/141057412

版权

JavaScript 同时被 3 个专栏收录

102 篇文章

订阅专栏

计算机网络

51 篇文章

订阅专栏

HTML

17 篇文章

订阅专栏

一、直接删除特定的COOKIE

要直接删除特定的Cookie，最直观的方法就是通过JavaScript修改这个Cookie的值，并将其设置为一个已经过去的时间点。这种方法实际上是通过“过期”这个Cookie来实现删除效果的。

首先，我们需要知道如何通过JavaScript来创建和修改Cookie。一个简单的设置Cookie的语法如下：

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";

在这个例子中，我们创建了一个名为username的Cookie，并设置了它的过期时间。要删除这个Cookie，我们可以将过期时间设置为一个过去的日期：

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";

通过这种方式，Cookieusername将不会被浏览器存储，从而实现了删除的效果。

总结：如何使用 JS 删除 cookie

要删除一个cookie，您需要将其过期时间设置为过去的某个时间点。这里是一个JavaScript函数，用于删除一个cookie：

function deleteCookie(name) {

document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';

}

使用这个函数删除一个名为cookieName的cookie：

deleteCookie('cookieName');

这个函数会将cookieName的过期时间设置为1970年1月1日，这实际上会导致浏览器在访问时立即删除它。

二、使用MAX-AGE属性

另一种删除Cookie的方法是通过设置max-age属性来实现，这种属性定义了Cookie从创建开始能存活的时间，单位是秒。

如果我们要通过max-age属性删除一个Cookie，只需要将该属性的值设置为0，就可以使得该Cookie立即失效。例如：

document.cookie = "username=; Max-Age=0; path=/";

这行代码通过将max-age设置为0，使得username这个Cookie立即过期，从而达到删除的效果。

三、利用第三方库辅助清除COOKIE

除了上述的直接操作Cookie的方法外，还有一些第三方JavaScript库可以帮助开发者更方便地管理Cookie，包括它们的创建、修改和删除。像js-cookie就是一个流行的JavaScript库，它提供了一个简洁的API来处理Cookie。

使用js-cookie删除Cookie非常简单：

Cookies.remove('username');

只需要一行代码，就可以删除名为username的Cookie。js-cookie库背后处理了各种浏览器之间的兼容性问题，使得Cookie的操作变得简单和可靠。

四、总结

在Web开发中，合理地管理Cookie对于维护网站的用户体验和隐私安全至关重要。通过JavaScript，我们有多种方法来清除Cookie，包括设置Cookie的过期时间为过去的时间点、使用max-age属性或利用第三方库等。选择哪一种方法取决于具体的应用场景和开发者的偏好。无论哪种方法，重要的是理解背后的原理，并合理地应用它们来管理用户的数据。

▶相关问答FAQs

1. 如何通过JavaScript清除特定的Cookie？

要清除特定的Cookie，可以使用以下代码片段：

document.cookie = "cookieName=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

其中，"cookieName"应替换为要清除的Cookie的名称。

2. 怎样通过JavaScript删除所有的Cookie？

要删除所有的Cookie，可以遍历所有的Cookie，并将其过期时间设置为一个过去的时间，如下所示：

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 UTC; path=/;";
}

这将循环遍历所有的Cookie，并将它们的过期时间设置为过去的某个时间，从而删除它们。

3. JavaScript如何清除当前域名下的所有Cookie？

要清除当前域名下的所有Cookie，可以使用以下代码：

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; 

   var domAIn = window.location.hostname;

   document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; domain=" + domain + "; path=/;"; 
}

这将循环遍历所有的Cookie，并将它们的过期时间设置为过去的某个时间，并指定了当前域名下的Cookie的域名。这样就能清除当前域名下的所有Cookie。