未指定Path/Domain的JavaScript Cookie清除失效问题求助

这个问题我碰到过好多次！核心原因就是：清除Cookie时必须和设置Cookie时的path、domain完全匹配——哪怕你设置的时候没显式指定这两个参数，浏览器也会自动帮你填上默认值，清除时没对应上就根本删不掉。

先搞懂浏览器的默认规则 #

当你用document.cookie = x设置Cookie却不指定path时，浏览器会默认把当前页面的完整路径设为这个Cookie的path。比如你在/dashboard/settings页面设置的Cookie，它的path就是/dashboard/settings。而你清除Cookie时如果没加path，浏览器会默认用当前执行清除代码页面的path——如果注销按钮所在页面的路径和设置Cookie的页面不一样，两者的path不匹配，自然删不掉目标Cookie。

同理，domain也有默认值（当前页面的完整主机名），不过同域名下这个问题没那么突出，path才是你现在的主要坑。

你的清除代码需要这两处修改 #

我帮你调整了代码，关键改动已经标出来了：

function onLoad() { 
    var cookies = document.cookie.split(";"); 
    for (var i = 0; i < cookies.length; i++) { 
        var cookie = cookies[i].trim(); // 1. 先去掉前后空格，避免拿到带空格的Cookie名
        var eqPos = cookie.indexOf("="); 
        var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie; 
        // 2. 强制指定path=/，覆盖浏览器的默认路径，确保能匹配所有同域名下的Cookie
        document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/"; 
    }
    alert(document.cookie); // 移到循环外，看最终清除结果
}

额外补充（如果有子域名场景） #

如果你的网站存在子域名（比如blog.yourdomain.com和app.yourdomain.com），那还要加上domain=.yourdomain.com，确保跨子域名的Cookie也能被清除，修改后的清除语句如下：

document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;domain=.yourdomain.com";

最后再提醒两点 #

• 别在循环里alert(document.cookie)！每次循环只删了一个Cookie，你看到的是未完成的状态，很容易误以为没删干净，移到循环外看最终结果才准确。
• Cookie的匹配是严格的：哪怕名字差个空格、路径多了个斜杠，都匹配不上，所以trim()这步一定要加，不然你可能在清除一个带空格的无效Cookie名，自然没效果。

内容的提问来源于stack exchange，提问作者DoFlamingo