JavaScript 쿠키에서 expires 옵션은 필수가 아닙니다. 즉, "expires" 속성은 선택 사항입니다. 이 속성에 유효한 날짜나 시간을 지정하면 쿠키는 해당 날짜나 시간에 만료되며, 그 이후에는 쿠키의 값에 더 이상 접근할 수 없습니다.
반대로 expires 속성을 지정하지 않고 쿠키를 생성하면 만료 날짜가 없는 쿠키가 됩니다. 이 경우 브라우저를 닫을 때까지 유지되는 세션 쿠키(session cookie)로 동작합니다.
예제
만료 날짜 없이 JavaScript 쿠키를 설정하고 읽어오려면 다음 코드를 실행해 보세요.
<html>
<head>
<script>
<!--
function ReadCookie() {
var allcookies = document.cookie;
document.write ("All Cookies : " + allcookies );
// 모든 쿠키 쌍을 배열로 가져오기
cookiearray = allcookies.split(';');
// 배열에서 키-값 쌍 추출하기
for(var i=0; i<cookiearray.length; i++) {
name = cookiearray[i].split('=')[0];
value = cookiearray[i].split('=')[1];
document.write ("Key is : " + name + " and Value is : " + value);
}
}
//-->
</script>
</head>
<body>
<form name="myform" action="">
<p>아래 버튼을 클릭하면 결과를 확인할 수 있습니다:</p>
<input type="button" value="Get Cookie" onclick="ReadCookie()"/>
</form>
</body>
</html>코드 설명
위 예제의 ReadCookie() 함수는 document.cookie를 통해 현재 저장된 모든 쿠키를 문자열로 가져옵니다. 각 쿠키는 세미콜론(;)으로 구분되어 있으므로 split(';')으로 배열로 나눈 뒤, 각 항목을 등호(=) 기준으로 분리하여 쿠키 이름과 값을 화면에 출력합니다.
버튼을 클릭하면 브라우저에 저장된 쿠키 목록과 각 쿠키의 키(key)와 값(value)을 확인할 수 있습니다.