쿠키를 삭제하는 방법?


338

쿠키 생성 기능이 올바 릅니까? 프로그램 시작시 쿠키를 어떻게 삭제합니까? 간단한 코딩이 있습니까?

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
W3 스쿨에서 쿠키 좋은 기능이있다 w3schools.com/js/js_cookies.asp을 . setCookie('name', 'value', 0)쿠키를 삭제하는 데 사용할 수 있습니다 .
Pete

답변:


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
쿠키 기능과 쿠키 만료 여부를 확인하는 기능을 어떻게 설정합니까?
케네디

61
get_cookie이 정의되지 않았습니다
Kreker

9
함수의 두 번째 버전이 더 이상 작동하지 않습니다 . jsfiddle jsfiddle.net/b27Lgxgf/1을 참조하십시오 . @Luca의 답변에 대한 접근
Tasos K.

6
이것은 어떻게 작동합니까? JavaScript에는 내장 get_cookie()기능 이 없습니다 .
Michał Perłakowski

4
@ MichałPerłakowski 나는 그것이 당신이 다른 곳에서 정의 할 실제 함수에 대한 자리 표시 자 / 참조 일 뿐이라는 것을 확신합니다.
JSeligsohn

114

여기 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

32

이게 효과가 있을까요?

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

내가 알고있는 Max-Age쿠키를 만들 때 IE에서 세션 쿠키되도록에게 쿠키를. 쿠키를 삭제할 때 어떻게 작동하는지 잘 모르겠습니다.


17

다음은 Mozilla에서 유니 코드를 지원하는 쿠키 삭제 기능 의 구현입니다 .

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");

AngularJ를 사용하는 경우 $ cookies.remove를 시도하십시오 (아래에서 비슷한 접근법을 사용합니다 ).

$cookies.remove('cookieName');

17

만료 날짜를 어제로 설정하면됩니다.

"-1"로 설정하면 작동하지 않습니다. 쿠키를 세션 쿠키로 표시합니다.


다른 페이지에서 쿠키를 설정하고 다른 페이지에서 쿠키를 삭제하려고하면 예제가 작동하지 않습니다. 세트는 작동하지만 삭제할 수는 없습니다.
chovy

2
나는 이것을 사용하여 끝났다 : github.com/carhartl/jquery-cookie 그리고 경로를 사용하여 삭제해야합니다 : '/'
chovy

이것은 만료 시간을 0으로 설정하는 것 외에는 좋은 접근 방법입니다. 그로 인해 즉각적인 만료가 발생하고 누구에게도 혼란을주지 않을 것입니다 ( "개발자가 만료 시간을 어제로 설정 한 이유는 무엇입니까? 실수였습니까? 더 이해하기 쉽게 코드를 작성하면 인생의 혼란이 줄어 듭니다. 이것은 오늘날 코딩에서 저평가 된 철학입니다 ... MDN조차도 쿠키를 삭제하기 위해 만료 시간을 0으로 설정할 것을 제안합니다.
dudewad

10

쿠키를 삭제하려면 빈 값으로 다시 설정하고 1 초 후에 만료됩니다. 세부적으로, 나는 항상 다음 맛 중 하나를 사용합니다 (두 번째 맛을 선호하는 경향이 있습니다).

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

쿠키를 수동으로 생성 한 경우 다른 솔루션 중 일부가 작동하지 않을 수 있습니다.

쿠키를 삭제하는 빠른 방법은 다음과 같습니다.

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

6

JavaScript를 통해 만든 쿠키를 삭제하는 데 문제가 있었고 호스트를 추가 한 후 제대로 작동했습니다 (아래 코드를 오른쪽으로 스크롤하여 location.host). 도메인에서 쿠키를 삭제 한 후 다음을 시도하여 결과를보십시오.

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.