16 쿠키 작동

쿠키는 저장소 사용자 정보 웹 페이지에 사용.

첫째, 쿠키 무엇인가?

쿠키는 귀하의 컴퓨터에 텍스트 파일에 저장된 데이터의 일부입니다.

연결이 닫힌 후 웹 서버가 브라우저에 웹 페이지를 전송하면, 서버는 없습니다 기록 사용자 정보를 않습니다.

쿠키 역할은이 "어떻게 클라이언트의 사용자 정보를 기록하는"해결하는 것입니다 :

사용자가 웹 페이지에 액세스 할 때, 그의 이름은 쿠키에 기록 할 수 있습니다.
사용자가 페이지에 액세스 할 때, 당신은 쿠키에 대한 사용자 액세스 기록을 읽을 수 있습니다.

다음과 같이 쌍 저장되어있는 이름 / 값을 쿠키 :

사용자 이름 = 홍길동

브라우저가 서버에서 웹 페이지를 요청하면, 해당 페이지에 속한 쿠키는 요청에 추가됩니다. 서비스는이 방법으로 정보를 얻기 위해 최종 사용자.

둘째, 쿠키를 만들 수있는 자바 스크립트의 사용

자바 스크립트는 사용할 수 document.cookie를의 작성, 읽기, 삭제 쿠키하는 속성을.

아래와 같이 자바 스크립트, 쿠키가 생성됩니다 :

document.cookie를 = "사용자 이름 = 홍길동";

당신은 또한 (UTC 또는 GMT 시간) 쿠키 만료 시간을 추가 할 수 있습니다. 기본적으로 쿠키는 브라우저가 닫힐 때 삭제 :

document.cookie를 = "사용자 이름 = 홍길동은, 만료 = 2043년 12월 18일 (목) 12:00:00 GMT";

당신은 브라우저 쿠키 경로를 알려줍니다 매개 변수 경로를 사용할 수 있습니다. 기본적으로 쿠키는 현재 페이지에 속한다.

document.cookie를 = "사용자 이름 = 홍길동은, 만료 = 2043년 12월 18일 (목) 그리니치 표준시 12시 00분 0초, 경로 = /";

셋째, 자바 스크립트를 사용하여 쿠키를 읽을

자바 스크립트에서는 읽기 쿠키에 다음 코드를 사용할 수 있습니다 :

VAR X = document.cookie를;

참고 : document.cookie를 문자열은 모든 방법 쿠키, 입력 형식을 반환합니다 cookie1 = 값; Cookie2는 = 값; cookie3 = 값;

자바 스크립트의 사용은 쿠키를 수정

자바 스크립트에서 쿠키를 만드는 것과 비슷 쿠키를 수정으로 다음과 같습니다 :

document.cookie를 = "사용자 이름 = 존 스미스, 만료 = 2043년 12월 18일 (목) 그리니치 표준시 12시 00분 0초, 경로 = /";

오래된 쿠키 덮어 씁니다.

다섯째, 쿠키를 삭제하는 자바 스크립트를 사용하여

쿠키를 삭제하는 것은 매우 간단합니다. 다음과 같이 당신 만 설정해야이 1월 1일 (목) 이전 시간 1970 0시 0 분 0 초 GMT로 설정되고, 매개 변수를 만료 :

document.cookie를 = "사용자 이름 =; 만료 = 1970년 1월 1일 (목) 그리니치 표준시 00시 00분 0초";

참고, 당신이 쿠키를 삭제할 때 값을 지정할 필요가 없습니다.

쿠키 문자열

일반 텍스트 문자열과 같은 document.cookie를 속성 외모는 사실이 아니다.

당신이 완전한 쿠키 문자열 document.cookie를 쓰기하더라도, 당신은 때 쿠키 정보를 다시 읽고, 쿠키 정보는 표시의 형태로 이름 / 값 쌍입니다.

새 쿠키를 설정 한 경우, 기존의 쿠키를 덮어 쓰지 않습니다. 새로운 쿠키는 당신이 아래의 데이터를 얻을 것이다 당신이 document.cookie를-읽기를 다시 때문에 경우에 document.cookie를 추가합니다 :

cookie1 = 값; Cookie2는 값 =;

특정 쿠키 값을 찾아 낼 필요가있는 경우에, 당신은 쿠키 문자열에있는 쿠키의 값을 찾을 수있는 자바 스크립트 함수를 작성해야합니다.

다섯, 자바 스크립트 쿠키 인스턴스

다음 예제에서, 우리는 매장 방문자 이름에 쿠키를 생성합니다.

우선, 웹 페이지 방문자, 그는 자신의 이름을 입력하라는 메시지가 표시됩니다. 이름은 쿠키에 저장됩니다.

당신은 페이지의 방문자에 액세스 다음에, 그는 환영 메시지가 표시됩니다.

이 예에서 우리는 세 가지 자바 스크립트 함수를 생성합니다 :

설정 쿠키 값 기능
쿠키 함수의 값을 취득
쿠키 값 검출 기능

1 쿠키 함수의 값을 설정할

첫째, 우리는 방문자의 이름을 저장하는 함수를 만들 :

이 기능은 쿠키 이름, 쿠키 값, 쿠키 만료 시간을 설정합니다.

함수 의 setcookie (CNAME, cvalue, exdays) 
{ 
  var에 D = 새로운 일 (); 
  d.setTime (d.getTime () + (exdays는 * 24 * 60 * 60 * 1000 ));
  VAR은 = 만료 + "= 만료" d.toGMTString을 (); 
  document.cookie를 = CNAME + "="+ cvalue + ","+는 만료; 
}

기능 분석 :

통해 CNAME 쿠키 값 cvalue 대한 상기 함수의 매개 변수, 쿠키 이름과 설정 한 만료 시간 쿠키가 만료.

2 쿠키의 값을 구하는 함수

그런 다음, 우리는 쿠키의 값을 지정하도록 사용자에게 반환하는 함수를 만들 :

함수 의 getCookie (CNAME) 
{ 
  VAR의 이름 = CNAME + "=" ;
  VAR의 CA = document.cookie.split ( '' ' );
  위한 ( VAR I = 0; I <ca.length; I ++ ) 
  { 
    var에 C = CA [I] .trim ();
    경우 (c.indexOf (이름) == 0) 복귀 c.substring (name.length, c.length); 
  } 
  반환 "" ; 
}

기능 분석 :

쿠키 매개 변수 이름은 CNAME이다.

CNAME + "="텍스트 변수를 만듭니다 지정된 쿠키를 검색하는 데 사용됩니다.

분리 세미콜론 document.cookie를 사용하여 문자열 및 문자열 배열 분할 CA 할당 (CA = document.cookie.split ( '' ')).

다음 어레이 내의 각각의 값을 판독 및 후미 공간 분리 (c = CA를 [I] .trim ()) 칼슘 루프 배열 (I ++; I <ca.length 난 = 0).

당신이 쿠키 (c.indexOf (이름) == 0)를 발견하면, 쿠키 (c.substring의 값 (name.length, c.length)을 반환합니다.

당신이 쿠키를 찾을 수없는 경우 반환됩니다 "."

3, 쿠키의 검출 값의 함수

마지막으로, 우리는 쿠키가 생성되었는지 감지 기능을 만들 수 있습니다.

당신이 쿠키를 설정하면, 그것은 인사 메시지를 표시합니다.

당신이 쿠키를 설정하지 않으면 방문자의 이름을 묻는 팝업이 표시되고, 방문자가 이기에, setcookie 함수 이름 저장 3백65일 호출합니다 :

함수 checkCookie () 
{ 
  VAR의 이름의 getCookie = ( "이름" );
  만약 (! 이름은 = "" ) 
  { 
    경고 ( "+"다시 오신 것을 환영합니다 사용자 이름); 
  } 
  다른  
  { 
    사용자 이름 = 프롬프트 ( "당신의 이름을 입력하십시오 :", "" );
    만약 (! 자명 = ""자명 &&! = null의 ) 
    { 
      의 setcookie ( "이름", 아이디, 365 ); 
    } 
  } 
}

023_ 결과