본문 바로가기
웹관련/JavaScript-Jquery

[자바스크립트] Cookie 함수로 정의하기

by 착한덕환 2016. 9. 22.




<script language="JavaScript">
<!--
    // 쿠키 생성
function setCookie( name, value, expiredays ) { var todayDate = new Date(); todayDate.setDate( todayDate.getDate() + expiredays ); document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" };
 
    // 쿠키 가져오기
function getCookie(cookieName){ var search = cookieName + "="; var cookie = document.cookie; // 현재 쿠키가 존재할 경우 if( cookie.length > 0 ){ // 해당 쿠키명이 존재하는지 검색한 후 존재하면 위치를 리턴. startIndex = cookie.indexOf( cookieName ); // 만약 존재한다면 if( startIndex != -1 ){ // 값을 얻어내기 위해 시작 인덱스 조절 startIndex += cookieName.length; // 값을 얻어내기 위해 종료 인덱스 추출 endIndex = cookie.indexOf( ";", startIndex ); // 만약 종료 인덱스를 못찾게 되면 쿠키 전체길이로 설정 if( endIndex == -1) endIndex = cookie.length; // 쿠키값을 추출하여 리턴 return unescape( cookie.substring( startIndex + 1, endIndex ) ); } else { // 쿠키 내에 해당 쿠키가 존재하지 않을 경우 return false; } } else { // 쿠키 자체가 없을 경우 return false; } }
//-->
</script>
 
<input type="button" value="쿠키 생성" onclick="setCookie('test', 'cookie test, 쿠키 테스트', 1)">
<input type="button" value="쿠키 보기" onclick="alert(getCookie('test'))">
<input type="button" value="쿠키 삭제" onclick="setCookie('test', '', -1)">


[사용방법]


setCookie() - 쿠키를 만드는 함수입니다.
setCookie('쿠키이름', '쿠키값', 만료일)


쿠키이름 : 쿠키이름을 영문으로 넣어주세요.
쿠키값 : 쿠키의 값을 문자열로 넣어주세요.
만료일 : 쿠키의 만료일을 숫자로 넣어주세요
예) 만료일이 1 이면 하루동안 지속되는 쿠키입니다.
예) 만료일이 -1 이면 쿠키가 삭제됩니다.


댓글