js_javascript 기술로 쿠키를 읽고 쓰는 자세한 예

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

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

형식: cookieName=cookieValue;expires=expiresDate;path=URLpath;domain=siteDomain//쿠키 이름, 만료 날짜, 저장소

쿠키 생성 방법

일반적으로 쿠키 설정을 함수로 캡슐화합니다.

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

function addCookie(sName,sValue,day) {
varexpireDate = new Date() ;
expireDate.setDate(expireDate.getDate() day);;
//만료 시간 설정
document.cookie = escape(sName) '=' escape(sValue) ';expires='expiredDate. toGMTString() ;6 //escape() 한자를 유니코드 인코딩으로 변환, toGMTString() 날짜 객체를 문자열로 변환
}

쿠키 읽기

쿠키를 추가한 후 어떻게 얻나요?

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

function getCookies() {
var showAllCookie = '';
if(!document.cookie == ''){
var arrCookie = document.cookie.split(' ; ');//split('; ')을 사용하여 모든 쿠키를 잘라내어 arrCookie
var arrLength = arrCookie.length
for(var i=0; i showAllCookie = 'c_name:' unescape(arrCookie[i].split('=')[0]) 'c_value:' unescape(arrCookie[i].split('=')[1] ) '
' }
return showAllCookie;
}
}


쿠키는 유효 기간이 있으며 자동으로 삭제되거나 다음을 통해 즉시 삭제될 수 있습니다.

단순과 동일, 계속:

코드 복사 코드는 다음과 같습니다. 🎜> function RemoveCookie() {

if(document.cookie != '' && verify('모든 쿠키를 삭제하시겠습니까? ')) {

var arrCookie = document.cookie.split('; ');
var arrLength = arrCookie.length;
var 만료 날짜()
expireDate.setDate(expireDate .getDate()-1);
for(var i=0; ivar str = arrCookie[i].split('=')[0]
document .cookie = str '=' ';expires='expireDate.toGMTString();
}
}
}


우리는 이미 생성, 획득 및 삭제 방법을 알고 있습니다. 쿠키, 이제 쿠키를 사용할 시간입니다

쿠키를 사용하여 간단한 타이머를 만들어 보겠습니다.

코드 복사 코드는 다음과 같습니다: var cookieCount = {};

cookieCount.count = function () {

var count = parseInt(this.getCount('myCount')); 🎜> count ;
document.cookie = 'myCount=' count '';
alert('count 'visits')
}
cookieCount.setCount= function () {
/ /먼저 myCount
varexpireDate = new Date();
expireDate.setDate(expireDate.getDate() 1)
document.cookie = 'myCount=' '0' ';expires ='expiredDate.toGMTString();
}
cookieCount.getCount = function (countName) {
//count라는 쿠키를 가져오고 여기에 1을 추가합니다.
var arrCookie = document. ('; ');
var arrLength = arrCookie.length;
var ini = true
for(var i=0; iif(countName == arrCookie [i].split('=')[0]){
return parsInt(arrCookie[i].split('=')[1])
break
}else; >ini = false;
}
if(ini == false)this.setCount()
return 0;
cookieCount.count() ; >

쿠키 경로

쿠키 경로는 이 글의 시작 부분에서 언급되었습니다. 쿠키 경로를 설정하세요: path=URL

도메인 이름의 하위 디렉터리 쿠키, 도메인 이름 및 기타 형제 또는 상위 디렉터리는 이 쿠키에 액세스할 수 없습니다. 경로를 설정하면 다음과 같이 도메인 이름과 도메인 이름의 하위 범주 디렉터리에 액세스할 수 있다는 것입니다. >document.cookie='cookieName=cookieValue;expires=expireDate;경로=/'.


쿠키 도메인
도메인 설정: domain=siteDomain

주로 'www. taobao.com"과 "ued.taobao.com"은 "taobao.com"이라는 동일한 도메인 이름을 공유합니다. "www.taobao.com" 아래의 쿠키에 "ued.taobao.com"이 접근할 수 있도록 하려면, 경로 속성을 "/"로 설정하고 쿠키의 도메인을 설정해야 합니다-->document.cookie='cookieName=cookieValue;expires=expireDate;path=/;domain=taobao.com'.

웹 프로젝트의 지속적인 개발에 따라 HTML5는 window.sessionStorage와 window.localStorage라는 두 가지 속성을 제공하고 setItem, getItem, RemoveItem, Clear 등의 메서드를 전달하여 데이터를 로컬에 저장할 수 있게 해줍니다. . 조작이 더욱 간편해지고 편리해졌습니다