쿠키 란 무엇입니까?
쿠키는 컴퓨터에 저장된 가변입니다. 동일한 컴퓨터가 브라우저를 통해 페이지를 요청할 때 마다이 쿠키가 전송됩니다. JavaScript를 사용하여 쿠키의 가치를 만들고 검색 할 수 있습니다.
쿠키 사용 시나리오 :
쿠키 이름
방문자가 처음으로 페이지를 방문하면 이름을 채울 수 있습니다. 이름은 쿠키에 저장됩니다. 방문객들이 웹 사이트를 다시 방문하면 "환영 존 도우!"와 비슷한 환영의 단어를 받게됩니다. 이름은 쿠키에서 가져 왔습니다.
케이블 쿠키
방문자가 처음으로 페이지를 방문하면 비밀번호를 채울 수 있습니다. 암호는 쿠키에도 저장 될 수도 있습니다. 웹 사이트를 다시 방문하면 암호는 쿠키에서 다시 가져옵니다.
데이트 쿠키
방문자가 처음으로 웹 사이트를 방문하면 현재 날짜가 쿠키에 저장 될 수 있습니다. 그들이 웹 사이트를 다시 방문 할 때, 그들은 다음과 같은 메시지를받습니다. "마지막 방문은 2005 년 8 월 11 일 화요일에있었습니다!" 날짜는 또한 쿠키에서 다시 가져옵니다.
쿠키를 만들고 저장합니다
이 예에서는 방문자의 이름을 저장하는 쿠키를 만들고자합니다. 방문객들이 처음으로 웹 사이트를 방문했을 때 이름을 채우도록 요청 받았습니다. 이름은 쿠키에 저장됩니다. 방문자가 웹 사이트를 다시 방문하면 환영의 단어를 받게됩니다.
우선, 면접관의 이름을 쿠키 변수에 저장할 수있는 함수를 만듭니다.
쿠키 생성은 실제로 문자열과 싸우는 것입니다.
"username = amosli; 만료 = Mon, 2013 년 12 월 16 일 16:20:04 GMT"
그런 다음 word.cookie = 위의 문자열입니다.
다음과 같이 코드 코드를 복사하십시오.
함수 setCookie (c_name, value, 만료)
{{
var expondate = 새로운 날짜 ()
exdate.setdate (exdate.getDate ()+만료)
document.cookie = c_name+ "="+ Escape (value)+
((exprieds == null) : ":";; Expires = "+exdate.togmtring ())
}
위의 함수의 매개 변수는 쿠키의 이름, 값 및 일수를 갖습니다.
위의 함수에서 먼저 유효한 날짜로 일수를 변환 한 다음 쿠키 이름, 값 및 만료 날짜를 Document.Cookie Object에 저장합니다.
그런 다음 쿠키가 설정되었는지 확인하기 위해 다른 기능을 만들려고합니다.
getCookie ()의 핵심은 문자열의 처리입니다.
다음과 같이 코드 코드를 복사하십시오.
기능 getCookie (c_name)
{{
if (document.cookie.length> 0)
{{
c_start = document.cookie.indexof (c_name + "=")
/*
쿠키는 다음과 같습니다. __UTMC = 119627022; __UTMZ = 119627022.1387208465.2.2.2.2.2.2.2.2.2 .2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2 .2.2.2.2. utmccn = (유기농) |
*/
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))
}
}
반품 "" ""
}
위의 기능은 먼저 Document.Cookie Object에 쿠키가 있는지 확인합니다. 문서 .cookie 객체에 일부 쿠키가 있으면 지정된 쿠키가 저장되었는지 여부를 계속 확인합니다. 우리가 원하는 쿠키를 찾으면 값을 반환하십시오. 그렇지 않으면 빈 문자열이 반환됩니다.
마지막 으로이 함수의 기능은 다음과 같습니다. 쿠키가 설정된 경우 환영 단어가 표시됩니다. 그렇지 않으면 사용자에게 이름을 입력하도록 요청해야합니다.
다음과 같이 코드 코드를 복사하십시오.
기능 checkCookie ()
{{
username = getCookie ( '사용자 이름')
if (username! = null && username! = "")
{Alert ( 'Welcom'+username+'!')}}
또 다른
{{
username = prompt ( '이름을 입력하십시오 :', "")
if (username! = null && username! = "")
{{
setCookie ( '사용자 이름', 사용자 이름, 365)
}
}
}
이것은 모든 코드입니다.
다음과 같이 코드 코드를 복사하십시오.
<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 expondate = 새로운 날짜 ()
exdate.setdate (exdate.getDate ()+만료)
document.cookie = c_name+ "="+ Escape (value)+
((exprieds == null) : ":";; Expires = "+exdate.togmtring ())
}
기능 checkCookie ()
{{
username = getCookie ( '사용자 이름')
if (username! = null && username! = "")
{Alert ( 'Welcom'+username+'!')}}
또 다른
{{
username = prompt ( '이름을 입력하십시오 :', "")
if (username! = null && username! = "")
{{
setCookie ( '사용자 이름', 사용자 이름, 365)
}
}
}
</스크립트>
</head>
<body only = "checkCookie ()">
</body>
</html>