만료되지 않은 쿠기를 문자열로 반환하거나 설정한다.
표현식은 아래 내용들로 name=value;의 짝들로 구성된다.
항상 다음과 같은 방식으로 cookie 속성을 설정할 수 있다.
| name=nameString; | 쿠기 이름이다. 이는 id과 같이 사용될 수 있고 쿠키 파일의 내용으로 저장된다. |
| expires=date; | 일자 정보는 Date 개체에서 toGMTString() 메서드로 받는 양식에 반드시 cookie에 포함하여야 한다. cookie의 expires 속성은 쿠기의 만료 싯점을 나타내고, 선택적인 속성이나 설정하지 않으면 브라우져를 닫으면 만료되고, 앞으로의 일자로 설정되면 그 설정된 싯점까지 유효하다. |
| domain=domainName; | domainName으로 지정한 특정 도메인에서 볼수 있다. 그러나 실제적으로는 마치 디폴트처럼 사용되어 여러개의 서버 정보를 가질수 있도록 배타적으로 사용되는 것을 피할 수 있다. |
| path=path; | domain 처럼 특정 서버의 특정 경로에서 볼수 있게 하고 같은 도메인 속의 여러 페이지에서 공유할 수 있도록하며 다른 경로를 제외할 때 사용한다. 이 경로가 설정되면 해당 폴더와 하위 폴더에서 모든 페이지는 이 쿠키 공유하여 를 접속할 수 있다. |
| secure[=true|false]; | 부울값으로 true이면 서버에 보내질 때 브라우져가 안전 SSL URL 만으로 요청하여야 함을 암시한다(안전하다고 인정되는 경우에 쿠키를 허용한다). |
이 속성은 읽기/쓰기이며 디폴트값은 없다.
cookie는 작은 조각의 브라우저에 저장되는 정보이다. cookie는특정 양식의 한개의 문자열로 설정햘 때 지정한 정보를 가지고 있으며, cookie 속성으로 이름(name)과 값(value) 만을 반환한다.
위에서 설명한 기준 양식에 맞게 문자열을 적성하여 쿠키를 설정하여야 한다.
한개의 쿠키 속에 20개까지의 name=nameString;을 가질 수 있으며, 쿠키는 항상 페이지의 모든 값들의 문자열을 반환한다. 따라서 개별 쿠기의 내용을 알려면 각 쿠키의 문자열을 파싱(parse: escape, unescape)해야 한다. 저장된 쿠키의 값들을 알기 위하여 split를 사용할 수 있다.
쿠키 속성을 설정할 때마다 누적된다. 그러나 같은 속성에 여러번 설정하면 처음에 설정한 쿠키만 남는다.
방문했던 문서를 일정기간동안 열지 않게 한다거나 원하는 기록을 쿠기에 기록하여 참조, 활용하는데 사용된다. 따라서 사용자가 모르는 사이에 정보를 수집하는데 활용될 수도 있다.
| 개체 | script | HTML | 규격 | IE |
|---|
이 속성은 (영문) W3C DOM Level 1(Document Object Model)에서 정의되었다.
test1 CookieValue1 ~~local~~/C:\web\koxo\lang\js\property\ 1088 1455432192 29623148 2932631744 29621136 *
<DIV id=showA></DIV>
<SCRIPT>
str='';
SetCookie('test1','CookieValue1');
SetCookie('test2','CookieValue2');
showA.innerHTML=str;
function SetCookie(cookieName,cookieVal){
date=new Date();
validity=10;
date.setDate(date.getDate()+validity);
document.cookie=cookieName+'='+escape(cookieVal)+'; expires='+date.toGMTString();
str+=cookieName+' 쿠키 생성 완료<BR>';
}
</SCRIPT>
<DIV id=showB></DIV>
<SCRIPT>
str='';
GetCookie('test1');
GetCookie('test2');
showB.innerHTML=str;
function GetCookie(cookieName){
allCookies=document.cookie.split('; '); // cookies are separated by semicolons
for (i=0;i<allCookies.length;i++){
cookieArray=allCookies[i].split('='); // a name/value pair (a crumb) is separated by an equal sign
if (cookieName==cookieArray[0]) str+=unescape(allCookies[i]+'<BR>');
}
}
</SCRIPT>
<BUTTON onclick="DelCookie('test1');DelCookie('test2');">쿠키 삭제</BUTTON>
<DIV id=showC>결과 표시창</DIV>
<SCRIPT>
function DelCookie(name){
document.cookie=name+'= ; expires= ;';
showC.innerHTML='쿠키 모두 삭제됨<BR>';
}
</SCRIPT>
지워진 쿠키는 다음과 비슷하게 나타날 것이다.
test CookieValue ~~local~~/C:\web\koxo\lang\js\property\ 1088 4280399488 29623147 1469121744 29621136 * test2 ~~local~~/C:\web\koxo\lang\js\property\ 1088 3665825264 29621141 3665825264 29621141 *
만료일을 소급하여 기록하여도 쿠키는 기한이 지났으므로 기능을 못한다.
document.cookie =name +'='+escape(value)+'; expires=Sat Mar 6 20:59:04 UTC+0900 2004;';