クッキーを削除するには?


338

クッキーを作成する私の機能は正しいですか?プログラムの開始時にCookieを削除するにはどうすればよいですか?簡単なコーディングはありますか?

function createCookie(name,value,days)
function setCookie(c_name,value,1) {
  document.cookie = c_name + "=" +escape(value);
}

setCookie('cookie_name',mac);

function eraseCookie(c_name) {
  createCookie(cookie_name,"",-1);
}

1
W3Schoolsのはでクッキーのための良好な機能を持っていw3schools.com/js/js_cookies.asp。を使用setCookie('name', 'value', 0)してCookieを削除できます。
ピート

回答:


341

これを試して:

function delete_cookie( name, path, domain ) {
  if( get_cookie( name ) ) {
    document.cookie = name + "=" +
      ((path) ? ";path="+path:"")+
      ((domain)?";domain="+domain:"") +
      ";expires=Thu, 01 Jan 1970 00:00:01 GMT";
  }
}

または:

function delete_cookie( name ) {
  document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}

次のget_cookie()ように定義できます。

function get_cookie(name){
    return document.cookie.split(';').some(c => {
        return c.trim().startsWith(name + '=');
    });
}

2
どのようにして関数を設定し、Cookieが何であるか、およびそれがまだ期限切れかどうかを確認するにはどうすればよいですか?
ケネディ

61
get_cookieは定義されていません
Kreker

9
関数の2番目のバージョンは機能しなくなりましたjsfiddle jsfiddle.net/b27Lgxgf/1を参照してください。@Lucaのanwserでのアプローチ
Tasos K.

6
これはどのように機能するはずですか?JavaScriptには組み込みget_cookie()関数がありません。
のMichałPerłakowski

4
@MichałPerłakowskiこれは、他の場所で定義する実際の関数へのプレースホルダー/参照にすることだけを意図したものだと確信しています。
JSeligsohn 2018

113

ここQuirksmodeの良いリンク。

function setCookie(name,value,days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}
function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
function eraseCookie(name) {   
    document.cookie = name+'=; Max-Age=-99999999;';  
}


4
注:機能しない場合は、path正しいことを確認してください。参照:developers.google.com/web/tools/chrome-devtools/manage-data/...
Gayan Weerakutti

ドメインを追加する必要があります。
Michael Kapustey

3
また、パスドメインの両方に正しい値が必要であることにも注意してください。
Esko

テストされ、ページがロードされる前に、WKWebViewでも完全に機能します。ソリューションは順調です。
PashaN 2018年

31

これはうまくいくでしょうか?

function eraseCookie(name) {
    document.cookie = name + '=; Max-Age=0'
}

Max-AgeCookieを作成するときに、CookieがIEのセッションCookieになる原因はわかっています。Cookieを削除するときの動作がわかりません。


17

これを行うには、有効期限を昨日に設定します。

「-1」に設定しても機能しません。これにより、CookieがSessionCookieとしてマークされます。


別のページにCookieを設定し、別のページから削除しようとした場合、この例は機能しません。セットは機能しますが、削除することはできません。
chovy

2
私はこれを使用してしまいました:github.com/carhartl/jquery-cookieそして、パスを使用して削除する必要があります: '/'
chovy

これは良い方法です。ただし、有効期限をゼロに設定するだけです。これにより、すぐに期限切れが発生し、混乱することはありません(「開発者が期限切れの日付を昨日に設定したのはなぜですか。それは間違いでしたが、1日の寿命を望んでいましたか?」)。より意味のあるコードを記述してください。そうすれば、人生の混乱が少なくなります。これは、今日のコーディングでは過小評価されている哲学です... MDNでも、Cookieを削除するために有効期限をゼロに設定することを提案しています。
dudewad

16

以下は、MozillaからのUnicodeサポートを備えたCookie削除機能の実装です。

function removeItem(sKey, sPath, sDomain) {
    document.cookie = encodeURIComponent(sKey) + 
                  "=; expires=Thu, 01 Jan 1970 00:00:00 GMT" + 
                  (sDomain ? "; domain=" + sDomain : "") + 
                  (sPath ? "; path=" + sPath : "");
}

removeItem("cookieName");

AngularJsを使用する場合は、$ cookies.removeを試してください(その下では同様のアプローチが使用されています)。

$cookies.remove('cookieName');

10

Cookieを削除するには、空の値を設定して1秒で期限切れになります。詳細には、私は常に次のフレーバーの1つを使用します(私は2番目のフレーバーを好む傾向があります):

1。

    function setCookie(key, value, expireDays, expireHours, expireMinutes, expireSeconds) {
        var expireDate = new Date();
        if (expireDays) {
            expireDate.setDate(expireDate.getDate() + expireDays);
        }
        if (expireHours) {
            expireDate.setHours(expireDate.getHours() + expireHours);
        }
        if (expireMinutes) {
            expireDate.setMinutes(expireDate.getMinutes() + expireMinutes);
        }
        if (expireSeconds) {
            expireDate.setSeconds(expireDate.getSeconds() + expireSeconds);
        }
        document.cookie = key +"="+ escape(value) +
            ";domain="+ window.location.hostname +
            ";path=/"+
            ";expires="+expireDate.toUTCString();
    }

    function deleteCookie(name) {
        setCookie(name, "", null , null , null, 1);
    }

使用法:

setCookie("reminder", "buyCoffee", null, null, 20);
deleteCookie("reminder");

2

    function setCookie(params) {
        var name            = params.name,
            value           = params.value,
            expireDays      = params.days,
            expireHours     = params.hours,
            expireMinutes   = params.minutes,
            expireSeconds   = params.seconds;

        var expireDate = new Date();
        if (expireDays) {
            expireDate.setDate(expireDate.getDate() + expireDays);
        }
        if (expireHours) {
            expireDate.setHours(expireDate.getHours() + expireHours);
        }
        if (expireMinutes) {
            expireDate.setMinutes(expireDate.getMinutes() + expireMinutes);
        }
        if (expireSeconds) {
            expireDate.setSeconds(expireDate.getSeconds() + expireSeconds);
        }

        document.cookie = name +"="+ escape(value) +
            ";domain="+ window.location.hostname +
            ";path=/"+
            ";expires="+expireDate.toUTCString();
    }

    function deleteCookie(name) {
        setCookie({name: name, value: "", seconds: 1});
    }

使用法:

setCookie({name: "reminder", value: "buyCoffee", minutes: 20});
deleteCookie("reminder");

8

Cookieを手動で作成した場合、他のソリューションの一部は機能しない可能性があります。

Cookieを削除する簡単な方法を次に示します。

document.cookie = 'COOKIE_NAME=; Max-Age=0; path=/; domain=' + location.host;

6

JavaScriptを介して作成されたCookieを削除するのに問題があり、ホストを追加した後、機能しました(以下のコードを右にスクロールしてを表示しますlocation.host)。ドメインのCookieをクリアした後、次のことを試して結果を確認します。

if (document.cookie.length==0)
{
 document.cookie = 'name=example; expires='+new Date((new Date()).valueOf()+1000*60*60*24*15)+'; path=/; domain='+location.host;

 if (document.cookie.length==0) {alert('Cookies disabled');}
 else
 {
  document.cookie = 'name=example; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain='+location.host;

  if (document.cookie.length==0) {alert('Created AND deleted cookie successfully.');}
  else {alert('document.cookies.length = '+document.cookies.length);}
 }
}
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.