쿠키는 무엇입니까?
쿠키는 방문자의 컴퓨터에 저장된 가변입니다. 이 쿠키는 동일한 컴퓨터가 브라우저를 통해 페이지를 요청할 때마다 전송됩니다. JavaScript를 사용하여 쿠키의 값을 만들고 검색 할 수 있습니다.
쿠키의 예 :
이름 쿠키
방문자가 처음 페이지를 방문하면 자신의 이름을 채울 수 있습니다. 이름은 쿠키에 저장됩니다. 방문객들이 웹 사이트를 다시 방문하면 "환영 존 도우!"와 같은 환영의 연설을받습니다. 이름은 쿠키에서 검색됩니다.
비밀번호 쿠키
방문자가 처음 페이지를 방문하면 비밀번호를 채울 수 있습니다. 암호는 쿠키에도 저장 될 수도 있습니다. 웹 사이트를 다시 방문하면 암호가 쿠키에서 검색됩니다.
데이트 쿠키
방문자가 웹 사이트를 처음 방문하면 현재 날짜가 쿠키에 저장 될 수 있습니다. 그들이 웹 사이트를 다시 방문 할 때, 그들은 다음과 같은 메시지를받습니다. "마지막 방문은 2005 년 8 월 11 일 화요일에있었습니다!" 날짜는 쿠키에서도 검색됩니다.
쿠키를 만들고 저장합니다
이 예에서는 방문자 이름을 저장하는 쿠키를 만들고자합니다. 방문자가 처음 웹 사이트를 방문하면 이름을 작성하도록 요청받습니다. 이름은 쿠키에 저장됩니다. 방문자가 웹 사이트를 다시 방문하면 환영 메시지를받습니다.
먼저 쿠키 변수에 방문자 이름을 저장하는 함수를 만듭니다.
코드 사본은 다음과 같습니다.
<span style = "font-size : 14px;"> 함수 setCookie (c_name, value, 만료)
{
var exdate = 새로운 날짜 ()
exdate.setdate (exdate.getDate ()+만료)
document.cookie = c_name+ "="+ Escape (value)+
((expreiredays == null)? ":"; expires = "+exdate.togmtstring ())
} </span>
위 함수의 매개 변수는 쿠키의 만료 된 날의 이름, 값 및 수를 포함합니다.
위의 기능에서 먼저 일수를 유효한 날짜로 변환 한 다음 쿠키 이름, 값 및 만료 날짜를 문서에 입금합니다.
그런 다음 쿠키가 설정되어 있는지 확인하기 위해 다른 기능을 만들려고합니다.
코드 사본은 다음과 같습니다.
<span style = "font-size : 14px;"> 함수 getCookie (c_name)
{
if (document.cookie.length> 0)
{
c_start = document.cookie.indexof (c_name + "=")
if (c_start! = -1)
{
c_start = c_start + c_name.length + 1
c_end = document.cookie.indexof ( ";", c_start)
if (c_end == -1) c_end = document.cookie.length
UNESCAPE를 반환합니다 (Document.Cookie.Substring (C_START, C_END))
}
}
반품 ""
} </span>
위의 함수는 먼저 Document.Cookie Object에 쿠키가 있는지 확인합니다. 문서 .cookie 객체에 특정 쿠키가 포함 된 경우, 우리가 지정한 쿠키가 저장되어 있는지 계속 확인합니다. 우리가 원하는 쿠키를 찾으면 값이 반환됩니다. 그렇지 않으면 빈 문자열이 반환됩니다.
마지막으로 함수를 만들고 싶습니다. 기능은 쿠키가 설정되면 환영 단어가 표시되며, 그렇지 않으면 사용자에게 이름을 입력하도록 요청하는 프롬프트 상자가 표시됩니다.
코드 사본은 다음과 같습니다.
<span style = "font-size : 14px;"> 함수 checkCookie ()
{
username = getCookie ( '사용자 이름')
if (username! = null && username! = "")
{Alert ( '다시 오신 것을 환영합니다'+username+'!')}
또 다른
{
username = prompt ( '이름을 입력하십시오 :', "")
if (username! = null && username! = "")
{
setCookie ( '사용자 이름', 사용자 이름, 365)
}
}
} </span>
다음은 모든 코드입니다.
코드 사본은 다음과 같습니다.
<span style = "font-size : 14px;"> <html>
<헤드>
<script type = "text/javaScript">
기능 getCookie (c_name)
{
if (document.cookie.length> 0)
{
c_start = document.cookie.indexof (c_name + "=")
if (c_start! = -1)
{
c_start = c_start + c_name.length + 1
c_end = document.cookie.indexof ( ";", c_start)
if (c_end == -1) c_end = document.cookie.length
UNESCAPE를 반환합니다 (Document.Cookie.Substring (C_START, C_END))
}
}
반품 ""
}
함수 setCookie (c_name, value, 만료)
{
var exdate = 새로운 날짜 ()
exdate.setdate (exdate.getDate ()+만료)
document.cookie = c_name+ "="+ Escape (value)+
((expreiredays == null)? ":"; expires = "+exdate.togmtstring ())
}
기능 checkCookie ()
{
username = getCookie ( '사용자 이름')
if (username! = null && username! = "")
{Alert ( '다시 오신 것을 환영합니다'+username+'!')}
또 다른
{
username = prompt ( '이름을 입력하십시오 :', "")
if (username! = null && username! = "")
{
setCookie ( '사용자 이름', 사용자 이름, 365)
}
}
}
</스크립트>
</head>
<body onload = "CheckCookie ()">
</body>
</html> </span>