쿠키(js, jq)에 대한 첫 번째 이해 및 적용_기본지식

WBOY
풀어 주다: 2016-05-16 15:06:13
원래의
1756명이 탐색했습니다.

쿠키란

---------------------------------- --- ----

쿠키는 브라우저에서 제공하는 메커니즘으로 문서 개체의 쿠키 속성을 JavaScript에 제공합니다. JavaScript로 제어할 수 있으며 JavaScript 자체의 속성은 아닙니다. 쿠키는 사용자의 하드 드라이브에 저장된 파일로, 일반적으로 브라우저가 해당 도메인 이름에 다시 액세스하면 쿠키를 사용할 수 있게 됩니다. 따라서 쿠키는 하나의 도메인 이름 아래 여러 웹 페이지에 걸쳐 있을 수 있지만 여러 도메인 이름에 걸쳐 사용할 수는 없습니다.

쿠키 사용 사례

---------------------------------- --- ----

(1) 사용자 로그인 상태를 저장합니다. 예를 들어, 사용자 ID는 쿠키에 저장되므로 사용자가 다음에 해당 페이지를 방문할 때 다시 로그인할 필요가 없습니다. 현재 많은 포럼과 커뮤니티에서 이 기능을 제공하고 있습니다. 쿠키는 만료 시간을 설정할 수도 있습니다. 제한 시간이 만료되면 쿠키는 자동으로 사라집니다. 따라서 시스템은 종종 사용자에게 로그인 상태를 유지하라는 메시지를 표시할 수 있습니다. 일반적인 옵션은 1개월, 3개월, 1년 등입니다.

(2) 사용자 행동을 추적합니다. 예를 들어, 일기 예보 웹사이트는 사용자가 선택한 지역을 기반으로 현지 기상 조건을 표시할 수 있습니다. 매번 위치를 선택해야 한다면, 쿠키를 사용하면 매우 사용자 친화적이 될 것입니다. 시스템은 다음 번에 페이지를 열 때 자동으로 표시합니다. 해당 지역의 마지막 사용자. 모든 것이 백그라운드에서 이루어지기 때문에 이러한 페이지는 마치 특정 사용자를 위해 맞춤화된 것처럼 사용하기 매우 편리합니다.

(3) 맞춤형 페이지. 웹사이트가 스킨이나 레이아웃을 변경하는 기능을 제공하는 경우, 배경색상, 해상도 등 이용자의 선택사항을 기록하기 위해 쿠키를 사용할 수 있습니다. 사용자가 다음에 방문할 때 마지막 방문의 인터페이스 스타일이 계속 저장될 수 있습니다.

쿠키 사용방법

---------------------------------- --- ----

js 메소드:

function setCookie(sName, sValue, oExpires, sPath, sDomain, bSecure) { //js设置cookie 
        var sCookie = sName + '=' + encodeURIComponent(sValue); 
         if (oExpires) { 
           var date = new Date(); 
           date.setTime(date.getTime() + oExpires * 60 * 60 * 1000); 
           sCookie += '; expires=' + date.toUTCString(); 
        } 
        if (sPath) { 
           sCookie += '; path=' + sPath; 
        if (sDomain) { 
           sCookie += '; domain=' + sDomain; 
        } 
         if (bSecure) { 
           sCookie += '; secure'; 
        } 
         document.cookie = sCookie; 
 }
로그인 후 복사
function getCookie(name){ //获取cookie
    var strCookie=document.cookie; 
    var arrCookie=strCookie.split("; "); 
    for(var i=0;i<arrCookie.length;i++){ 
    var arr=arrCookie[i].split("="); 
      if(arr[0]==name){
        return decodeURIComponent(arr[1]); 
      }
    } 
    return ""; 
  }
로그인 후 복사
function delCookie(name){//删除cookie
// 该函数检查下cookie是否设置,如果设置了则将过期时间调到过去的时间;
//剩下就交给操作系统适当时间清理cookie啦
if (getCookie(name))
  {
      document.cookie = name + "=" + "; expires=Thu, 01-Jan-70 00:00:01 GMT";
  }
}
로그인 후 복사

jq 플러그인 방법:

jq 공식 웹사이트http://plugins.jquery.com/ 수 킬로바이트 크기로 사용하기 매우 쉬운 검색 쿠키 플러그인:


위 라이브러리 파일을 소개한 후, 사용방법은 다음과 같습니다.

<script>
    $.cookie('the_cookie'); //读取Cookie值 
    $.cookie('the_cookie', 'the_value'); //设置cookie的值 
    $.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期 路径 域名等 
    $.cookie('the_cookie', 'the_value'); //新建cookie 
    $.cookie('the_cookie', null); //删除一个cookie 
 </script>
로그인 후 복사

쿠키(js, jq)의 첫 번째 이해와 적용에 대한 위 글은 모두 편집자가 공유한 내용이므로 참고가 되셨으면 좋겠고, Script Home에 많은 응원 부탁드립니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!