본문 바로가기
  • 오늘도 한걸음. 수고많았어요.^^
  • 조금씩 꾸준히 오래 가자.ㅎ
IT기술/html

자바스크립트 쿠키 생성 document.cookie

by 미노드 2017. 4. 26.

자바스크립트에서 쿠키를 읽기,작성,삭제할 수 있습니다.

이를 위한 속성이 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]