자바스크립트에서 쿠키를 읽기,작성,삭제할 수 있습니다.
이를 위한 속성이 document.cookie 입니다.
쿠키 반환
document.cookie
쿠키 생성
document.cookie="name=soke";
만료시간이 있는 쿠키 생성
document.cookie="name=soke; expires=Mon, 13 Jul 2015 05:04:24 GMT";
경로 매게 변수를 사용한 쿠키 생성 (기본적으로 쿠키는 현재 페이지에 속합니다.)
document.cookie="name=soke; expires=Mon, 13 Jul 2015 05:04:24 GMT; path=/";
쿠키 삭제 ( 날짜 매개 변수를 지난 날짜로 쿠키 생성)
document.cookie="name=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
쿠키를 생성하는 함수 설정
function setCookie(cname, cvalue, exdays){
var d = new Date();
d.setDate(d.getDate() + 1); //1일 뒤 이 시간
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
// 쿠키명 (cname), 쿠키 값(cvalue), 쿠키 만료 날짜(exdays)
생성한 쿠키 반환
function getCookie(cname){
var name = cname + "=";
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);
if(c.indexOf(name) == 0) return c.substring(name.length,c.length);
}
return "";
}
쿠키명(cname)에 해당하는 쿠키를 찾으면 c.substring(name.length,c.length)를 반환합니다.
생성한 쿠키 확인
function checkCookie(){
var username=getCookie("username");
if(username!=""){
alert("Welcome again " + username);
}else{
username = prompt("Please enter your name:","");
if(username != "" && username != null){
setCookie("username", username, 365);
}
}
}
//사용자의 이름을 요청하는 프롬프트 상자가 표시되고 setcookie함수를 호출하여 365일간 쿠키를 저장한다.
출처: http://soke.tistory.com/21 [Soke]
'IT기술 > html' 카테고리의 다른 글
텍스트박스에 힌트 텍스트 넣기 placeholder (0) | 2018.10.06 |
---|---|
input type="text" 에서 글 쓰지 못하게 막기 ( readonly, disabled ) (0) | 2018.10.06 |
마크다운(Markdown)으로 글을 써보자 (0) | 2017.04.04 |
z-index 속성으로 배치 순서 결정하기 (0) | 2017.03.23 |
overflow 속성 (overflow: visible, hidden, scroll, auto 차이) (0) | 2017.03.23 |