HTML DOM 쿠키 속성

<시간/>

HTML DOM 쿠키 속성은 쿠키를 생성, 읽기 및 삭제하는 데 사용됩니다. 쿠키는 웹사이트에서 사용자 특정 정보를 추적하는 데 사용됩니다. 이 메서드는 모든 쿠키의 세미콜론으로 구분된 목록을 포함하는 문자열의 반환 유형을 갖습니다. 쿠키는 키=값 쌍 형식입니다. 쿠키는 브라우저를 닫는 즉시 삭제되지만 만료 날짜를 지정할 수 있습니다.

구문

다음은 −

의 구문입니다.

쿠키 속성 설정 -

document.cookie = newCookie

여기서 newCookie는 문자열 유형이고 세미콜론으로 구분된 이름-값 쌍의 목록입니다. 다음은 newCookie의 선택적 값입니다.

매개변수 값	설명
만료=날짜	GMT 형식으로 날짜를 지정합니다. 기본적으로 쿠키는 브라우저를 닫는 즉시 삭제됩니다.
경로=경로:	쿠키가 저장될 컴퓨터의 디렉토리 경로를 지정합니다. 절대 경로만 사용할 수 있습니다.
도메인=도메인 이름	웹사이트의 도메인을 지정합니다. 지정되지 않은 경우 현재 문서 도메인이 사용됩니다.
보안	브라우저가 서버에 쿠키를 보내기 위해 https 프로토콜을 사용하도록 지시하려면

예시

HTML DOM 쿠키 속성의 예를 살펴보겠습니다 -

<!DOCTYPE html>
<html>
<body>
<h1>javascript COOKIE example</h1>
<p>Click the below button to create a cookie</p>
<button type="button" onclick="cookieCreate()">CREATE</button>
<p id="Sample"></p>
<script>
   function cookieCreate(){
      var x=document.cookie;
      x="username=Matt;class=prior;location=USA;expires=Wed, 10 July 2019 12:00:00 UTC";
      document.getElementById("Sample").innerHTML="The cookie values are : "+x;
   }
</script>
</body>
</html>

출력

이것은 다음과 같은 출력을 생성합니다 -

HTML DOM 쿠키 속성

CREATE 버튼 클릭 시 -

HTML DOM 쿠키 속성

위의 예에서 -

사용자가 클릭할 때 createCookie() 함수를 실행할 CREATE 버튼을 먼저 만들었습니다.

<button type="button" onclick="cookieCreate()">CREATE</button>

cookieCreate() 함수는 문서 객체의 쿠키 속성을 이용하여 쿠키를 생성합니다. 그런 다음 세미콜론으로 구분된 쿠키 키 쌍 값을 설정합니다. 생성된 쿠키는 innerHTML 속성을 사용하여 ID가 "Sample"인 단락에 표시됩니다 -

function cookieCreate(){
   var x=document.cookie;
   x="username=Matt;class=prior;location=USA;expires=Wed, 10 July 2019 12:00:00 UTC";
   document.getElementById("Sample").innerHTML="The cookie values are : "+x;
}