JavaScript 연구 노트 (7) javascript를 사용하여 cookie_javascript 기술 생성 및 저장

먼저 기본 사항을 살펴보겠습니다.
1. 쿠키란 무엇인가요?
쿠키는 방문자의 컴퓨터에 저장되는 변수입니다. 이 쿠키는 동일한 컴퓨터가 브라우저를 통해 페이지를 요청할 때마다 전송됩니다. JavaScript를 사용하여 쿠키 값을 생성하고 검색할 수 있습니다.
2. 쿠키의 예:
• 쿠키 이름 지정 방문자가 해당 페이지를 처음 방문할 때 이름을 입력할 수 있습니다. 이름은 쿠키에 저장됩니다. 방문자가 사이트를 다시 방문하면 "Welcome John Doe!"와 같은 환영 메시지를 받게 됩니다. 이름은 쿠키에서 검색됩니다.
•비밀번호 쿠키 방문자가 처음으로 페이지를 방문할 때 비밀번호를 입력할 수 있습니다. 비밀번호는 쿠키에도 저장될 수 있습니다. 해당 사이트를 다시 방문하면 쿠키에서 비밀번호를 검색합니다.
•날짜 쿠키 방문자가 귀하의 사이트를 처음 방문할 때 현재 날짜가 쿠키에 저장될 수 있습니다. 사이트를 다시 방문하면 "마지막 방문일은 2005년 8월 11일 화요일입니다!"와 유사한 메시지를 받게 됩니다. 날짜는 쿠키에서도 검색됩니다.
아래에서 쿠키 인스턴스를 만들어 보겠습니다. 쿠키를 생성하고 제거하는 방법
코드의 javascript 부분:

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

//쿠키 만들기
function setCookie(name, value,expirationday) {
var exp = new Date()
exp.setTime; (exp.getTime()expiration*24*60*60*1000); //쿠키 기간 설정
document.cookie = name "=" escape(value) ";expires" "=" exp.toGMTString() ;// 쿠키 만들기
}
//쿠키에서 값 추출
function getCookie(name) {
var cookieStr = document.cookie
if(cookieStr.length > 0) {
var cookieArr = cookieStr.split(";"); //쿠키 정보를 배열로 변환
for (var i=0; ivar cookieVal = cookieArr [i] .split("="); //각 쿠키 세트(쿠키 이름 및 값)를 배열로 변환합니다.
if(cookieVal[0] == name) {
return unescape(cookieVal[1 ]); //추출해야 하는 쿠키 값을 반환합니다.
}
}
}
}
//쿠키 테스트
function checkCookie() {
var cookieUser = document.getElementById(" cookieUser");
var userName = getCookie("userName");
if(userName) {
cookieUser.innerHTML = "안녕하세요 " userName "님, 환영합니다!"; 🎜>} else {
var value = 프롬프트("사용자 이름을 입력하세요", "")
if(value) {
setCookie('userName', value, 1)
} else {
alert("사용자 이름을 입력하세요! ");
}
}
}

주로 필요한 쿠키 정보를 추출하는 방법에 관한 것입니다. 이 예에서 getCookie 함수는 주로 쿠키 정보를 쿠키 정보로 변환합니다. 추출해야 하는 쿠키 값을 찾는 방법은 다음과 같습니다.

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

function getCookie(name) {
var cookieStr = document.cookie;
var cookieArr = cookieStr.match(new RegExp(name "=[a-zA) -Z0- 9]*;$"));
var cookieVal = cookieArr.split("=");
if(cookieVal[0] == name) {
return unescape(cookieVal[1 ]);
}
}

예를 들어, 이 예에서는 브라우저에 userName이라는 쿠키가 저장되어 있지 않으면 사용자에게 사용자 이름을 입력하라는 메시지가 표시됩니다. 페이지가 다시 새로 고쳐집니다. 입력된 쿠키 값이 표시됩니다. 마지막으로 코드를 테스트할 수 있습니다.

코드 복사

;