document.cookie.split(";").forEach(function(c) { 
    document.cookie = c.replace(/^ +/, "").replace(/=.*/, "=;expires=" + new Date().toUTCString() + ";path=/"); 
});
//clearing local storage
localStorage.clear();

我发现IE和Edge有问题。Webkit浏览器(Chrome, safari)似乎更宽容。当设置cookie时，总是将“路径”设置为某个内容，因为默认将是设置cookie的页面。因此，如果你试图在不同的页面上过期，而没有指定“路径”，路径将不匹配，它将不会过期。该文档。Cookie值不会显示Cookie的路径或过期时间，因此您无法通过查看该值推导出Cookie的设置位置。

如果您需要从不同页面过期cookie，请在cookie值中保存设置页面的路径，以便稍后将其取出或始终附加“;Path =/;"到cookie值。然后它将从任何页面过期。

在经历了一些挫折之后，我自己拼凑了这个函数，它将尝试从所有路径中删除一个命名的cookie。只需为每个cookie调用这个函数，就可以更接近于删除每个cookie。

function eraseCookieFromAllPaths(name) {
    // This function will attempt to remove a cookie from all paths.
    var pathBits = location.pathname.split('/');
    var pathCurrent = ' path=';

    // do a simple pathless delete first.
    document.cookie = name + '=; expires=Thu, 01-Jan-1970 00:00:01 GMT;';

    for (var i = 0; i < pathBits.length; i++) {
        pathCurrent += ((pathCurrent.substr(-1) != '/') ? '/' : '') + pathBits[i];
        document.cookie = name + '=; expires=Thu, 01-Jan-1970 00:00:01 GMT;' + pathCurrent + ';';
    }
}

不同的浏览器有不同的行为，但这对我来说是有效的。 享受。

我们可以这样做:

deleteAllCookies=()=>
      {
      let c=document.cookie.split(';')
      for(const k of c)
         {
         let s=k.split('=')
         document.cookie=s[0].trim()+'=;expires=Fri, 20 Aug 2021 00:00:00 UTC'
         }
      }

用法:

deleteAllCookies()

截止日期是这个答案之前的任意一天;它可以是当天之前的任何日期 在JS中，你不能基于路径读取cookie 在JS中，你只能设置或获取cookie

据我所知，没有办法对域名上的任何cookie集进行全面删除。如果知道cookie的名称，并且脚本与cookie在同一个域中，则可以清除cookie。

你可以将值设置为空，过期日期设置为过去的某个时间:

var mydate = new Date();
mydate.setTime(mydate.getTime() - 1);
document.cookie = "username=; expires=" + mydate.toGMTString(); 

这里有一篇关于使用javascript操作cookie的优秀文章。

如果你只关心清除安全源上的Cookie，你可以使用Cookie Store API和它的.delete()方法。

cookieStore.getAll().then(cookies => cookies.forEach(cookie => {
    console.log('Cookie deleted:', cookie);
    cookieStore.delete(cookie.name);
}));

访问caniuse.com表，查看Cookie Store API的浏览器支持情况。