JS를 사용하여 HTTP 쿠키를 작동하는 구현 단계

쿠키에는 유효 기간이 있다는 것을 알고 있습니다. 쿠키의 기본 유효 기간은 쿠키가 생성된 시점부터 브라우저가 닫힐 때까지입니다. 쿠키의 유효 기간을 사용자가 설정할 수 있습니다. 쿠키를 비활성화하거나 수동으로 쿠키를 삭제할 수도 있습니다. 쿠키는 컴퓨터의 하드 드라이브에 키/값 쌍으로 저장되는 작은 정보 조각입니다. 쿠키 저장 용량은 약 4kb입니다. 주로 쿠키 크기에 대한 제한은 브라우저마다 다릅니다. 쿠키의 본질은 식별을 통해 무언가를 "식별"하고 수행하는 것입니다. 쿠키는 귀하의 하드 드라이브에서 다른 데이터를 얻거나 컴퓨터 바이러스를 전송하거나 귀하의 이메일 주소를 얻을 수 없습니다. 쿠키에는 유효 기간이 있습니다. 쿠키의 기본 유효 기간은 쿠키가 생성된 시점부터 브라우저를 닫을 때까지입니다. 또한 쿠키의 유효 기간을 설정하여 만료 날짜를 지정할 수도 있고, 사용자가 쿠키를 비활성화할 수도 있습니다. 쿠키를 삭제하세요.

쿠키는 특정 형식의 문자열과 텍스트 문자열입니다

格式：cookieName=cookieValue;expires=expiresDate;path=URLpath;domain=siteDomain//cookie名称，失效日期，储存URL,储存域值；

쿠키 생성 방법
쿠키를 설정하려면 일반적으로 이를 함수로 캡슐화합니다.

코드 복사 코드는 다음과 같습니다.

function addCookie(sName,sValue,day) { 
var expireDate = new Date(); 
expireDate.setDate(expireDate.getDate()+day);; 
//设置失效时间 
document.cookie = escape(sName) + '=' + escape(sValue) +';expires=' + expireDate.toGMTString();6 //escape()汉字转成unicode编码,toGMTString() 把日期对象转成字符串 
}

쿠키 읽기

추가 쿠키를 얻은 후 어떻게 얻나요? 매우 간단합니다.

다음과 같이 코드를 복사하세요.

function getCookies() { 
var showAllCookie = ''; 
if(!document.cookie == ''){ 
var arrCookie = document.cookie.split('; '); 
//用spilt('; ')切割所有cookie保存在数组arrCookie中 
var arrLength = arrCookie.length; 
for(var i=0; i<arrLength; i++) { 
showAllCookie += &#39;c_name:&#39; + unescape(arrCookie[i].split(&#39;=&#39;)[0]) + &#39;c_value:&#39; + unescape(arrCookie[i].split(&#39;=&#39;)[1]) + &#39;<br>&#39; 9 } 
return showAllCookie; 
} 
}

쿠키에는 유효 기간이 있으며 자동으로 삭제되거나 삭제될 수 있습니다. 만료 날짜를 설정하면 즉시 삭제됩니다

동일한 방법은 매우 간단합니다. 계속하세요.

다음과 같이 코드를 복사하세요.

function removeCookie() { if(document.cookie != &#39;&#39; && confirm(&#39;你想清理所有cookie吗？&#39;)) { var arrCookie = document.cookie.split(&#39;; &#39;); var arrLength = arrCookie.length; var expireDate = new Date(); expireDate.setDate(expireDate.getDate()-1); for(var i=0; i<arrLength; i++) { var str = arrCookie[i].split(&#39;=&#39;)[0]; document.cookie = str+ &#39;=&#39; + &#39;;expires=&#39; + expireDate.toGMTString(); } } }

우리는 이미 쿠키를 생성, 획득, 삭제하는 방법을 알고 있으므로 이제 쿠키를 사용할 차례입니다

이제 쿠키를 사용하여 간단한 타이머를 만듭니다.

다음과 같이 코드를 복사합니다.

var cookieCount = {}; cookieCount.count = function () { var count = parseInt(this.getCount(&#39;myCount&#39;)); count++; document.cookie = &#39;myCount=&#39; + count + &#39;&#39;; alert(&#39;第&#39;+count+&#39;访问&#39;); } cookieCount.setCount= function () { //首先得创建一个名为myCount的cookie var expireDate = new Date(); expireDate.setDate(expireDate.getDate()+1); document.cookie = &#39;myCount=&#39; + &#39;0&#39; +&#39;;expires=&#39; + expireDate.toGMTString(); } cookieCount.getCount = function (countName) { //获取名为计数cookie,为其加1 var arrCookie = document.cookie.split(&#39;; &#39;); var arrLength = arrCookie.length; var ini = true; for(var i=0; i<arrLength; i++) { if(countName == arrCookie[i].split(&#39;=&#39;)[0]){ return parseInt(arrCookie[i].split(&#39;=&#39;)[1]); break; }else{ ini = false; } } if(ini == false)this.setCount(); return 0; } cookieCount.count();

쿠키 경로

쿠키 경로는 이 문서의 시작 부분에서 언급되었습니다. path=URL; 쿠키가 도메인 이름의 하위 디렉터리에 생성되면 도메인 이름과 다른 형제 디렉터리 또는 상위 디렉터리는 이 쿠키에 액세스할 수 없으며 경로를 설정하면 해당 도메인 이름과 하위 범주 디렉터리에 액세스할 수 있다는 이점이 있습니다.

document.cookie='cookieName=cookieValue;expires=expireDate;path=/'。

cookie domain

도메인 설정: domain=siteDomain

주로 동일한 도메인에서 사용됩니다. 예를 들어 "www.taobao.com" 및 "ued.taobao.com" 도메인 이름 "taobao.com"을 공유합니다. "www.taobao.com" 아래의 쿠키를 "ued.taobao.com"에 액세스하려면 경로 속성을 "/"로 설정해야 합니다. 쿠키의

domain-->document.cookie='cookieName=cookieValue;expires=expireDate;path=/;domain=taobao.com'。

웹의 지속적인 발전에 따라 HTML5는 window.
session
Storage와 window.localStorage라는 두 가지 속성을 제공하고, setItem, getItem, RemoveItem, Clear 등의 캐리 메소드를 통해 저장하는 방식을 만들어줍니다. 데이터를 로컬에서 더 쉽고 편리하게

이 사례를 읽으신 후 방법을 마스터하셨다고 믿습니다. 정말 흥미롭습니다. PHP 중국어 웹사이트의 다른 관련 기사도 주목해 주세요!

관련 읽기:

웹 페이지 제작의 margin-top 예제 튜토리얼

CSS의 상자 모델 유형 간의 차이점

CSS3의 콘텐츠 속성을 구현하는 단계

위 내용은 JS를 사용하여 HTTP 쿠키를 작동하는 구현 단계의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!