자바스크립트에서 쿠키를 읽기,작성,삭제할 수 있습니다.
이를 위한 속성이 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일간 쿠키를 저장한다.
'Javascript' 카테고리의 다른 글
JSON (제이슨) (0) | 2016.01.25 |
---|---|
Ajax ( 에이잭스, 아작스) (0) | 2016.01.25 |
JQuery의 $(document).ready() 를 JQuery 없이 사용하기 (0) | 2015.07.05 |
document.URL 과 location.href , location 비교 (0) | 2015.07.05 |
제이쿼리 이미지 슬라이드 모음 (0) | 2015.07.03 |