JavaScript Cookies 의 응용 프로그램 - 이름, 비밀번호, 날짜
쿠키 는 방문 자의 컴퓨터 에 저 장 된 변수 입 니 다.같은 컴퓨터 가 브 라 우 저 를 통 해 페이지 를 요청 할 때마다 이 쿠키 를 보 냅 니 다.자 바스 크 립 트 를 사용 하여 쿠키 의 값 을 만 들 고 되 찾 을 수 있 습 니 다.
쿠키 의 예:
이름 쿠키
방문 자가 처음으로 페이지 를 방 문 했 을 때, 그 나 그녀 는 아마도 그 / 그녀들 의 이름 을 기입 할 것 이다.이름 은 쿠키 에 저 장 됩 니 다.방문 자가 웹 사 이 트 를 다시 방문 하면 'Welcome John Doe!' 와 같은 환영 사 를 받는다.이름 은 쿠키 에서 되 찾 습 니 다.
암호 쿠키
방문 자가 처음으로 페이지 를 방 문 했 을 때, 그 나 그녀 는 아마도 그 / 그녀들 의 비밀 번 호 를 기입 할 것 이다.비밀번호 도 쿠키 에 저장 할 수 있 습 니 다.그들 이 다시 사 이 트 를 방문 할 때 비밀 번 호 는 쿠키 에서 되 찾 습 니 다.
날짜 쿠키
방문 자가 처음으로 웹 사 이 트 를 방문 할 때 현재 날 짜 는 쿠키 에 저장 할 수 있 습 니 다.그들 이 다시 사 이 트 를 방문 할 때, 그들 은 이와 같은 소식 을 받 을 것 이다. "Your last visit was on Tuesday August 11, 2005!"날짜 도 쿠키 에서 찾 았 습 니 다.
쿠키 생 성 및 저장
이 예 에서 우 리 는 방문 자의 이름 을 저장 하 는 쿠키 를 만 들 려 고 합 니 다.방문 자가 처음으로 사 이 트 를 방문 할 때, 그들 은 이름 을 기입 하도록 요 구 받 을 것 이다.이름 은 쿠키 에 저 장 됩 니 다.방문 자가 다시 사 이 트 를 방문 하면 환영 사 를 받는다.
우선, 저 희 는 쿠키 변수 에 방문 자의 이름 을 저장 할 수 있 는 함 수 를 만 들 것 입 니 다.
function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}
위의 함수 에 있 는 매개 변 수 는 쿠키 의 이름, 값, 만 료 일수 가 있 습 니 다.
위의 함수 에서 저 희 는 먼저 일 수 를 유효한 날짜 로 바 꾼 다음 에 쿠키 이름, 값 과 기한 이 지난 날 짜 를 document. cookie 대상 에 저장 합 니 다.
그 후에 우 리 는 쿠키 가 설정 되 어 있 는 지 확인 하기 위해 다른 함 수 를 만 들 것 입 니 다.
function 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
return unescape(document.cookie.substring(c_start,c_end))
}
}
return ""
}위의 함 수 는 먼저 document. cookie 대상 에 쿠키 가 저장 되 어 있 는 지 확인 합 니 다.document. cookie 대상 에 쿠키 가 저장 되 어 있다 면 지정 한 쿠키 가 저장 되 어 있 는 지 계속 확인 할 것 입 니 다.우리 가 원 하 는 쿠키 를 찾 으 면 값 을 되 돌려 줍 니 다. 그렇지 않 으 면 빈 문자열 을 되 돌려 줍 니 다.
마지막 으로 우 리 는 함 수 를 만 들 려 고 합 니 다. 이 함수 의 역할 은 쿠키 가 설정 되 어 있 으 면 환영 어 를 표시 합 니 다. 그렇지 않 으 면 알림 상 자 를 표시 하여 사용자 에 게 이름 을 입력 하 라 고 요구 합 니 다.
function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
{alert('Welcome again '+username+'!')}
else
{
username=prompt('Please enter your name:',"")
if (username!=null && username!="")
{
setCookie('username',username,365)
}
}
}이것 은 모든 코드 입 니 다:
<html>
<head>
<script type="text/javascript">
function 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
return unescape(document.cookie.substring(c_start,c_end))
}
}
return ""
}
function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}
function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
{alert('Welcome again '+username+'!')}
else
{
username=prompt('Please enter your name:',"")
if (username!=null && username!="")
{
setCookie('username',username,365)
}
}
}
</script>
</head>
<body onLoad="checkCookie()">
</body>
</html>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
