자바 스크립트 쿠키
사용자 정보 쿠키는 웹 페이지를 저장된다.
쿠키는 무엇입니까?
쿠키는 귀하의 컴퓨터에 텍스트 파일에 저장되어있는 데이터이다.
연결이 종료 된 후 웹 서버는 브라우저에 웹 페이지를 전송하면, 서버는 사용자 정보를 기록하지 않는다.
쿠키 역할은 "어떻게 클라이언트 사용자 정보를 기록하는"해결한다 :
- 사용자가 웹 페이지를 방문 할 때, 그의 이름이 쿠키에 기록 될 수있다.
- 다음 번에 사용자가 페이지에 액세스 할 때, 당신은 쿠키에 사용자 액세스 레코드를 읽을 수 있습니다.
다음과 같이 이름 / 값 쌍으로 쿠키에 저장됩니다 :
브라우저가 서버로부터 웹 페이지를 요청하면 해당 페이지에 속하는 쿠키 요구에 추가 될 것이다. 서버는 이러한 방식으로 사용자 정보.
쿠키를 만드는 자바 스크립트를 사용하여
자바 스크립트 document.cookie를 속성은 쿠키를 생성, 읽기, 삭제 할 수 있습니다.
다음과 같이 자바 스크립트, 쿠키를 만들 :
또한 (UTC 또는 GMT 시간에) 쿠키 만료 시간을 추가 할 수 있습니다. 브라우저가 닫힐 때 기본적으로 쿠키 삭제 :
당신은 경로 매개 변수는 브라우저 쿠키 경로를 알 수 있습니다. 기본적으로 쿠키는 현재 페이지에 속한다.
쿠키를 읽을 자바 스크립트를 사용하여
자바 스크립트에서 쿠키를 읽기 위해 다음 코드를 사용할 수 있습니다 :
 | document.cookie를 문자열은 쿠키, 입력 형식의 모든 방식으로 반환합니다 cookie1 = 값; Cookie2는 = 값; cookie3 = 값; |
|---|
쿠키는 자바 스크립트를 사용하여 수정
다음과 같이 자바 스크립트에서 생성, 쿠키와 유사한 쿠키를 수정 :
오래된 쿠키 덮어 쓰게됩니다.
쿠키는 자바 스크립트를 사용하여 제거
제거 쿠키는 매우 간단합니다. 당신은 목으로 설정되어, 아래 그림과 같이 이전 시간이 만료에 대한 매개 변수를 설정해야합니다 1970년 1월 1일 그리니치 표준시 00시 00분 0초 :
당신이 쿠키의 값을 지정하지 않고 삭제할 때합니다.
쿠키 문자열
그렇지 않은 사실 document.cookie를 속성은 일반 텍스트 문자열처럼 보인다.
당신이 완전한 쿠키 문자열 document.cookie를 작성하는 경우에 당신이 때, 쿠키 정보를 다시 읽고, 쿠키 정보 노출의 형태로 이름 / 값 쌍입니다.
새 쿠키를 설정하는 경우, 이전 쿠키는 덮어 쓰지 않습니다. 새로운 쿠키는 당신이 경우 document.cookie를 다시 읽을 수 있도록 다음과 같이 사용자가 데이터를 수신, document.cookie를 추가한다 :
cookie1 = 값; Cookie2는 = 값;
특정 쿠키 값을 찾을 필요가, 당신은 쿠키 문자열에있는 쿠키의 값을 찾을 수있는 자바 스크립트 함수를 작성해야합니다.
자바 스크립트 쿠키 인스턴스
다음 예에서, 우리는 방문자의 이름을 저장하는 쿠키를 생성합니다.
첫째, 웹 페이지 방문자, 그는 자신의 이름을 입력하라는 메시지가 표시됩니다. 이름은 쿠키에 저장됩니다.
당신이 페이지를 방문자에 액세스 다음에, 그는 환영 메시지가 표시됩니다.
이 예에서 우리는 세 가지 자바 스크립트 함수를 만들 수 있습니다 :
- 세터 쿠키 값
- 쿠키 함수 값을 가져 오기
- 기능은 쿠키 값을 검출
세터 쿠키 값
먼저, 방문자의 이름을 저장하는 기능을 생성 :
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
기능 해상도 :
이상의 기능 파라미터, 쿠키 상기 CNAME 대한 이름, 쿠키 값 cvalue 및 쿠키 만료 시간이 만료 설정.
이 기능은 쿠키 이름, 쿠키 값, 쿠키 만료 시간을 설정합니다.
쿠키 함수 값을 가져 오기
그 후, 우리는 쿠키의 값을 지정하도록 사용자에게 반환하는 함수를 작성 :
{
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++)
{
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
기능 해상도 :
매개 변수 쿠키 이름은 CNAME이다.
CNAME + "="텍스트 변수를 만듭니다 지정된 쿠키를 검색하는 데 사용됩니다.
별도의 document.cookie를 문자열에 세미콜론을 사용하여 문자열 배열 구분 캘리포니아에 할당 (캘리포니아 = document.cookie.split ( ';')).
사이클 캘리포니아 배열 (전 = 0; i가 ca.length을 <; 내가 ++), 다음 배열의 각 값 및 공백 뒤의 제거 읽기 (C = 캘리포니아를 [I] .trim ()).
당신이 쿠키 (c.indexOf (이름) == 0)를 발견하면, 쿠키 값 (c.substring (name.length, c.length)을 반환합니다.
당신이 쿠키를 찾을 수없는 경우, 반환합니다 "."
기능은 쿠키 값을 검출
마지막으로, 쿠키가 생성되는지 여부를 검출하는 기능을 생성 할 수있다.
당신이 쿠키를 설정하면 인사 메시지를 표시합니다.
당신이 쿠키를 설정하지 않으면 방문자의 이름을 조회하기위한 팝업을 표시 365 일 방문자의 이름 이기에, setcookie 함수 저장 호출합니다 :
{
var username=getCookie("username");
if (username!="")
{
alert("Welcome again " + username);
}
else
{
username = prompt("Please enter your name:","");
if (username!="" && username!=null)
{
setCookie("username",username,365);
}
}
}
전체 예제
예
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname)
{
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++)
{
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
function checkCookie()
{
var user=getCookie("username");
if (user!="")
{
alert("Welcome again " + user);
}
else
{
user = prompt("Please enter your name:","");
if (user!="" && user!=null)
{
setCookie("username",user,365);
}
}
}
»시도
페이지가 로딩 될 때 다음 예 checkCookie () 함수를 실행한다.