JS 無法清除Cookie的解決方法

項目中使用sdmenu.js時，需要在登錄時清除Cookie，而sdmenu默認是會保存Cookie的

 下面是sdmenu.js保存Cookie的方法

document.cookie = "sdmenu_" + encodeURIComponent(this.menu.id) + "=" + states.join("") + "; expires=" + d.toGMTString() + "; path=/";

 

下面是我到網上找的清除Cookie的方法,始終都無法刪除Cookie

  1、傳遞Cookie名稱

function deleteCookie(name){          

var date=new Date();          

date.setTime(date.getTime()-10000);          

document.cookie=name+"=v; expire="+date.toGMTString()+"; path=/";

}

2、循環刪除所有Cookie

// js 遍歷所有Cookie

function foreach()

{

    var strCookie=document.cookie;  

    var arrCookie=strCookie.split("; "); // 將多cookie切割為多個名/值對  

    for(var i=0;i <arrCookie.length;i++)// 遍歷cookie數組，處理每個cookie對    

  {   var arr=arrCookie[i].split("=");    

      if(arr.length>0)    

        DelCookie(arr[0]);

   }  

}

function GetCooki(offset)

{ var endstr = document.cookie.indexOf (";", offset);

    if (endstr == -1)

          endstr = document.cookie.length;

          return decodeURIComponent(document.cookie.substring(offset, endstr));

}

function DelCookie(name)

{

   var exp = new Date();

   exp.setTime (exp.getTime() - 1);

   var cval = GetCookie (name);

   document.cookie = name + "=" + cval + "; expires="+ exp.toGMTString();

}
function GetCookie(name)

{ var arg = name + "=";

   var alen = arg.length;

   var clen = document.cookie.length;

   var i = 0; while (i < clen)

  { var j = i + alen;

     if (document.cookie.substring(i, j) == arg)

          return GetCooki (j);

     i = document.cookie.indexOf(" ", i) + 1;

     if (i == 0)

        break;

   }

   return null;

}

 

后來發現這個網址，介紹了無法刪除Cookie的原因

http://php.js.cn/blog/delete-cookie/

 今天遇到一個cookie的問題： 名叫username的，域為www.umiwi.com的cookie無法刪除，導致用戶登錄以后無法退出。搞了半天終於發現問題所在：原來是我關於cookie的基礎知識沒搞清楚 。。。。

    Cookie不僅僅有名字和值兩個屬性，還有域（domain），過期時間（expires），路徑（path）等屬性。 其中，不同的域、不同的路徑下可以存在同樣名字的cookie。 比如這個頁面:  用鼠標戳我

    一般我們刪除cookie的方法是用一個同樣名字、過期時間為過去某個時候的Cookie覆蓋之。 這時就一定要搞清楚你要刪除的cookie的域和路徑，Cookie域和路徑要一樣才能被覆蓋。 否則產生的效果就是那個想要被刪除的Cookie具有神奇的生命力，無法被清除～～～

    另外，我發現在設置Cookie的時候，如果沒有指定域名，那么設置的這個cookie的域默認為當前域，比如www.umiwi.com。 如果設置的時候指定了某個域，那么瀏覽器存的時候會自動在前面加.。比如PHP代碼： setcookie('test','a',0,'www.umiwi.com');  那么 瀏覽器里面存的Cookie的域為.www.umiwi.com。 所以，最好的方式是設置Cookie的時候怎么寫的，刪除的時候就怎么寫。  要不就會出現我遇到的情況： 明明瀏覽器里看有 username=longbill,域為www.umiwi.com的Cookie，但是在php里寫 setcookie('username','',time()-1000,'www.umiwi.com','/'); 無法刪除那個Cookie。 原因就是我刪Cookie的操作其實上是發了一個新的名叫username、值為空、過期時間為過去1000秒、域為.www.umiwi.com、路徑為/的Cookie。這個Cookie發到瀏覽器馬上就過期了，什么也看不到。而我要刪除的在http://www.umiwi.com/上的cookie還活的好好的。。。

 

 

 

原來是刪除Cookie的代碼中沒有加 路徑（path）

原：

document.cookie = "sdmenu_" + encodeURIComponent(this.menu.id) + "=" + states.join("") + "; expires=" + d.toGMTString() + "; path=/";

新：

         var date=new Date();           date.setTime(date.getTime()-10000);           document.cookie=name+"=v; expire="+date.toGMTString()+"; path=/";

除了路徑（path），可能還有域等其它情況，保險的方式就是 設置Cookie時是什么樣式，刪除時就應該是什么樣式，加上expire屬性就行了