쿠키 그런 것들.

2710 단어
쿠키 소개
쿠키는 서버가 브라우저에 저장한 텍스트 정보로 브라우저가 서버에 요청을 할 때마다 자동으로 이 정보를 첨부합니다.
쿠키 설명
  • 쿠키의 속성은 하나의 쿠키가 주로 다섯 가지 측면의 정보를 저장했는데 그것이 바로 쿠키의 이름, 쿠키의 값, 만료 시간, 소속 도메인(기본값은 현재 도메인), 효력 발생 경로(기본값은 현재 사이트)이다.
  • 쿠키의 길이는 모든 쿠키의 누적 길이가 4KB로 제한됩니다.이 길이를 초과하는 쿠키는 무시되고 설정되지 않습니다.
  • 쿠키의 통신 브라우저는 요청할 때마다 요청 헤더에서 쿠키 필드를 통해 서버에 쿠키를 보냅니다.서버는 응답 헤더에서 Set-Cookie 필드를 통해 쿠키를 브라우저에 보냅니다.서버에 HttpOnly 속성이 있으면 이 쿠키는 JavaScript에서 읽을 수 없습니다.다른 것은 브라우저가 서버에 쿠키를 보낼 때 한 줄로 모든 쿠키를 모두 보내고 서버가 브라우저에게 쿠키를 저장해야 한다고 알려줄 때 지점에서 지정한다.
  • 쿠키 획득 브라우저는 document.cookie를 통해 현재 웹 페이지의 쿠키를 되돌려줍니다. (번호가 구분된 모든 쿠키를 되돌려줍니다.)따라서 수동으로 복원해야 모든 쿠키의 값을 꺼낼 수 있습니다.
  • 쿠키의 설정document.cookie 속성은 쓰기 가능하며 현재 사이트에 쿠키를 추가할 수 있습니다.단, document.cookie 한 번에 하나의 쿠키만 쓸 수 있고 덮어쓰기가 아니라 추가됩니다.쓰기 형식: value;expires=date;domain=domain;path=path;securevalue 속성은 필수적입니다. 키 값 쌍으로 쿠키의 값 (분호, 쉼표, 빈칸을 바꾸는 것) 을 지정합니다.expires 속성은 쿠키 만료 시간을 지정하는 데 사용됩니다.그것의 격식은 Date.toUTCString()의 격식을 채택한다.domain 속성은 쿠키가 있는 도메인 이름을 지정합니다.지정하지 않으면 기본적으로 쿠키의 도메인 이름이 설정됩니다.지정한 도메인 이름은 현재 쿠키를 보낸 도메인의 일부여야 합니다.path 속성은 경로를 지정합니다. 절대 경로가 되어야 합니다.지정하지 않으면 기본적으로 쿠키를 요청하는 웹 페이지 경로입니다.path 속성이 적용되는 전제는domain 속성이 일치하는 것입니다.secure 속성은 쿠키를 지정하기 위해 암호화 프로토콜 HTTPS에서만 서버에 전송할 수 있으며, 단지 스위치일 뿐 값을 지정할 필요가 없습니다.max-age 속성은 쿠키 유효기간을 지정하는 데 사용되며 단위는 초입니다.HttpOnly 속성은 쿠키가 JavaScript에서 읽히지 않도록 설정합니다.상기 선택할 수 있는 속성은 한 개 또는 여러 개를 동시에 설정할 수 있으며 순서에 대한 요구도 없습니다.또한 이러한 선택 가능한 속성은 쿠키를 설정하는 데만 사용할 수 있습니다.설정이 완료되면 선택할 수 있는 속성의 값을 읽을 수 없습니다.

  • 이전에 설정한 쿠키를 바꾸려면 쿠키의 키,domain, path, secure가 일치하는 네 가지 조건을 동시에 만족시켜야 합니다.
  • 쿠키 삭제는 쿠키를 삭제하는 유일한 방법으로 기한을 넘기는 것입니다.

  • 쿠키 패키지
    //  cookie
    function setCookie(key,value,expires,domain,path) {
      var encodeKey = encodeURIComponent(key);
      var encodeValue = encodeURIComponent(value);
      var keyExpires = expires.toUTCString();
      document.cookie = encodeKey + '=' + encodeValue + ';expires=' + keyExpires + ';domain=' + domain + ';path=' + path;
    }
    //  cookie
    function getCookie(key){
      var encodeKey = encodeURIComponent(key);
      var allCookie = document.cookie.split(';');
      var cookie,len = allCookie.length;
      for (var i = 0; i < len; i++) {
         cookie = allCookie[i].split('=');
         if (encodeKey == cookie[0]) {
             return cookie[1];
         }   
       }
       return '';
    }
    //  cookie
    function delCookie(key,domain,path){
      var encodeKey = encodeURIComponent(key);
      var expires = new Date(0);
      document.cookie = encodeKey + '=' + ';expires=' + expires.toUTCString() + ';domain=' + domain + ';path=' + path;
    }
    

    마지막으로 자신의 통용 함수 라이브러리를 추천합니다.

    좋은 웹페이지 즐겨찾기