>  기사  >  웹 프론트엔드  >  JavaScript 작업 쿠키(설정, 읽기, 삭제)에 대한 자세한 설명

JavaScript 작업 쿠키(설정, 읽기, 삭제)에 대한 자세한 설명

WBOY
WBOY원래의
2016-05-16 16:09:01815검색

쿠키는 클라이언트가 데이터를 저장하는 방법이며 상태를 유지하는 데 사용될 수 있습니다.

1. 쿠키 설정:

a. 만료 시간 없음: (만료 시간이 설정되지 않은 경우 기본값은 세션 수준 쿠키이며 브라우저가 닫힐 때 만료됩니다.)

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

함수 setCookie(이름,값) {
Document.cookie = 이름 '=' escape(값);
}

b. 고정 만료 시간:

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

함수 setCookie(이름,값)
{
var 일 = 30;
var exp = new Date();
​ exp.setTime(exp.getTime() 일*24*60*60*1000);
Document.cookie = 이름 "=" 이스케이프 (값) ";expires=" exp.toGMTString();
}

c. 맞춤 만료 시간:

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

//사용자 정의 만료 시간 쿠키 설정
함수 setCookie(이름,값,시간)
{
var msec = getMsec(time); //밀리초 가져오기
var exp = new Date();
​ exp.setTime(exp.getTime() msec*1);
Document.cookie = 이름 "=" 이스케이프 (값) ";expires=" exp.toGMTString();
}
//문자열 시간을 밀리초로 변환합니다. 1초 = 1000밀리초
함수 getMsec(DateStr)
{
var timeNum=str.substring(0,str.length-1)*1; //횟수
var timeStr=str.substring(str.length-1,str.length); //시간 단위 접두어(예: h는 시간을 의미함)

If (timeStr=="s") //20초는 20초를 의미합니다
{
         반품 시간Num*1000;
}
else if (timeStr=="h") //12h는 12시간을 의미합니다
{
복귀시간Num*60*60*1000;
}
else if (timeStr=="d")
{
         반품 시간Num*24*60*60*1000 //30일은 30일을 의미합니다
}
}

2. 쿠키 읽기:

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

함수 getCookie(이름)
{
var arr,reg=new RegExp("(^| )" name "=([^;]*)(;|$)"); //정규 매칭
If(arr=document.cookie.match(reg)){
unescape(arr[2]);
반환 }
그렇지 않으면{
null을 반환합니다.
}
}

3. 쿠키 삭제:

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

함수 delCookie(이름)
{
var exp = new Date();
​ exp.setTime(exp.getTime() - 1);
var cval=getCookie(이름);
If(cval!=null){
document.cookie= 이름 "=" cval ";expires=" exp.toGMTString();
}
}

4. 통화 예시:

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

setCookie("이름","헤이든");
경고(getCookie("이름"))

이상은 자바스크립트 쿠키 운영에 관한 이 글의 전체 내용입니다. 자바스크립트를 배우는 모든 분들께 도움이 되었으면 좋겠습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.