출처 :http://blog.naver.com/PostView.nhn?blogId=devstory&logNo=120008273591
<html>
<head>
<title>자바 스크립트 쿠키 셋팅, 추출, 삭제 예제</title>
<style type="text/css">
table
{
font-size: 9pt;
}
</style>
<script type="text/javascript">
/**
* 쿠키값 추출
* @param
cookieName 쿠키명
*/
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 decodeURIComponent(cookie.substring(startIndex + 1,
endIndex));
}
else {
// 쿠키 내에 해당 쿠키가 존재하지 않을 경우
return false;
}
}
else {
// 쿠키 자체가 없을 경우
return false;
}
}
/**
* 쿠키 설정
* @param
cookieName 쿠키명
* @param
cookieValue 쿠키값
* @param
expireDay 쿠키 유효날짜
*/
function setCookie(cookieName, cookieValue, expireDate)
{
var today = new
Date();
today.setDate(today.getDate() + parseInt(expireDate));
document.cookie = cookieName + "="
+ escape(cookieValue) + "; path=/;
expires=" + today.toGMTString() + ";";
}
/**
* 쿠키 삭제
* @param
cookieName 삭제할 쿠키명
*/
function deleteCookie(cookieName) {
var expireDate = new
Date();
//어제 날짜를 쿠키 소멸 날짜로 설정한다.
expireDate.setDate(expireDate.getDate() - 1);
document.cookie = cookieName + "=
" + "; expires=" +
expireDate.toGMTString() + "; path=/";
}
/**
* 자신이 지정한 값으로 쿠키 설정
*/
function setMyCookie() {
setCookie(form.setName.value, form.setValue.value, form.expire.value);
viewCookie(); // 전체 쿠키 출력 갱신
}
/**
* 자신이 지정한 쿠키명으로 확인
*/
function getMyCookie() {
alert("쿠키 값 : " + getCookie(form.getName.value));
}
/**
* 자신이 지정한 쿠키명으로 쿠키 삭제
*/
function deleteMyCookie() {
deleteCookie(form.deleteName.value);
alert("쿠키가 삭제되었습니다.");
viewCookie();
}
/**
* 전체 쿠키 출력
*/
function viewCookie() {
if (document.cookie.length > 0)
cookieOut.innerText = document.cookie;
else
cookieOut.innerText = "저장된 쿠키가 없습니다.";
}
</script>
</head>
<body onload="viewCookie()">
<form name="form">
<table cellpadding="0"
cellspacing="0">
<tr>
<td bgcolor="#666666">
<table cellpadding="0"
cellspacing="1">
<tr height="25">
<td
align="center">
<font
color="#ffffff">쿠키 설정</font>
</td>
</tr>
<tr>
<td
bgcolor="#ffffff"
align="center">
쿠키명 :
<input
type="text"
name="setName"><br>
쿠키값 :
<input
type="text"
name="setValue"><br>
기한 :
<input type="text" name="expire"><br>
<input
type="button"
onclick="setMyCookie()"
value="쿠키설정">
</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<table cellpadding="0"
cellspacing="0">
<tr>
<td bgcolor="#666666">
<table cellpadding="0"
cellspacing="1">
<tr height="25">
<td
align="center">
<font color="#ffffff">쿠키 확인</font>
</td>
</tr>
<tr>
<td
bgcolor="#ffffff"
align="center">
쿠키명 :
<input
type="text"
name="getName"><br>
<input
type="button"
onclick="getMyCookie()"
value="쿠키확인">
</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<table cellpadding="0"
cellspacing="0">
<tr>
<td bgcolor="#666666">
<table cellpadding="0"
cellspacing="1">
<tr height="25">
<td
align="center">
<font
color="#ffffff">쿠키 삭제</font>
</td>
</tr>
<tr>
<td
bgcolor="#ffffff"
align="center">
쿠키명 :
<input
type="text"
name="deleteName"><br>
<input
type="button"
onclick="deleteMyCookie()"
value="쿠키삭제">
</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<table cellpadding="0"
cellspacing="0">
<tr>
<td bgcolor="#666666">
<table cellpadding="0"
cellspacing="1">
<tr height="25">
<td
align="center">
<font
color="#ffffff">전체 쿠키</font>
</td>
</tr>
<tr height="25">
<td
bgcolor="#ffffff"
align="center">
<div
id="cookieOut">
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
