[위 에] js 쿠키 설정
2896 단어 JavaScriptcookie
JavaScript 는 클 라 이언 트 에서 실행 되 는 스 크 립 트 이기 때문에 일반적으로 Session 을 설정 할 수 없습니다. Session 은 서버 에서 실행 되 기 때 문 입 니 다.
쿠키 는 클 라 이언 트 에서 실행 되 기 때문에 JS 로 쿠키 를 설정 할 수 있 습 니 다. 만약 에 이러한 상황 이 있다 고 가정 하면 특정한 사례 절차 에서 A 페이지 에서 B 페이지 로 이동 합 니 다. 만약 에 A 페이지 에서 JS 를 변수 temp 으로 특정한 변수의 값 을 저장 하면 B 페이지 에서 도 JS 를 사용 하여 temp 의 변수 값 을 참조 해 야 합 니 다.JS 의 전역 변수 나 정적 변수의 수명 주기 가 제한 되 어 있 습 니 다. 페이지 가 이동 하거나 페이지 가 닫 힐 때 이 변수의 값 은 다시 불 러 옵 니 다. 즉, 저장 효 과 를 얻 지 못 합 니 다.이 문 제 를 해결 하 는 가장 좋 은 방안 은 쿠키 를 사용 하여 이 변수의 값 을 저장 하 는 것 입 니 다. 그러면 어떻게 쿠키 를 설정 하고 읽 습 니까?먼저 쿠키 의 구 조 를 조금 알 아야 합 니 다. 쉽게 말 하면 쿠키 는 키 값 이 맞 는 형식 으로 저 장 됩 니 다. 즉, key = value 의 형식 입 니 다.각 쿠키 사 이 는 일반적으로 ";" 로 구 분 됩 니 다.
JS 설정 쿠키:
A 페이지 에 변수 username 의 값 ("jack") 을 쿠키 에 저장 하려 면 key 값 이 name 이 고 해당 하 는 JS 코드 는 다음 과 같 습 니 다.
document.cookie="name="+username;
JS 쿠키 읽 기: 쿠키 에 저 장 된 내용 이 name = jack 이 라 고 가정 합 니 다.password=123
B 페이지 에서 변수 username 의 값 을 가 져 오 는 JS 코드 는 다음 과 같 습 니 다.
var username=document.cookie.split(";")[0].split("=")[1];
/ / JS 조작 cookies 방법!
// cookies
function setCookie(name,value)
{
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
var strsec = getsec(time);
var exp = new Date();
exp.setTime(exp.getTime() + strsec*1);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
// cookies
function getCookie(name)
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return (arr[2]);
else
return null;
}
// cookies
function delCookie(name)
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null)
document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
/ / 예제 setCookie ("name", "hayden") 를 사용 합 니 다.alert(getCookie("name"));
//
// setCookie ok;
//
function setCookie(name,value,time)
{
var strsec = getsec(time);
var exp = new Date();
exp.setTime(exp.getTime() + strsec*1);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getsec(str)
{
alert(str);
var str1=str.substring(1,str.length)*1;
var str2=str.substring(0,1);
if (str2=="s")
{
return str1*1000;
}
else if (str2=="h")
{
return str1*60*60*1000;
}
else if (str2=="d")
{
return str1*24*60*60*1000;
}
}
// :
//s20 20
//h , 12 :h12
//d ,30 :d30
원문 연결:http://blog.sina.com.cn/s/blog_6797a6700100to4r.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.