삭제 상세한 설명을 얻기위한 JavaScript 쿠키 설정

저자：Eve Cole 업데이트 시간：2025-02-07 18:48:02

쿠키를 설정하십시오

각 쿠키는 이름/값 쌍입니다.

document.cookie = "userId = 828";

한 번에 여러 이름/값 쌍을 저장하려면 SEPTUM과 공간 (;)을 사용하여 분리 할 수 있습니다.

document.cookie = "userId = 828; username = hulk";

쿠키 이름 또는 값의 세그먼트 번호 (;), 쉼표 (,), 동등한 (=) 및 공간을 사용할 수 없습니다. 쿠키라는 이름으로이를 수행하는 것은 쉽지만 보존 할 값은 불확실합니다. 이 값을 저장하는 방법은 Escape () 기능으로 인코딩하는 것입니다. 값 및 쿠키 값에 저장 될 수 있으며 쿠키 값에 저장 될 수 있으며 쿠키 값에 저장 될 수 있으며 쿠키 값에 저장 될 수 있으며 저장할 수 있습니다. 쿠키 값에서 쿠키 값에 저장 될 수 있으며 쿠키 값에도 저장 될 수 있으며 쿠키 값에 저장 될 수 있으며 쿠키 값에 저장 될 수 있으며 가능합니다. 쿠키 값에 저장되면 쿠키 값에 저장 될 수 있으며이 체계를 사용하면 중국인의 출현을 피할 수 있습니다. 예를 들어:

document.cookie = "str ="+Escape ( "I Love Ajax");

동등한 :

document.cookie = "str = i%20love%20ajax";

Escape () 코딩을 사용한 후에는 Unescape ()를 사용하여 값을 취한 후 원래 쿠키 값을 얻으려면 이전에 소개 된 원래 쿠키 값을 얻어야합니다.

문서 .cookie는 속성처럼 보이지만 다른 값을 줄 수 있습니다. 그러나 일반적인 속성과 동일하지 않다는 것은 원래의 값을 잃어버린 것은 아닙니다.

document.cookie = "userId = 828";

document.cookie = "username = hulk";

현재 브라우저는 userID 및 사용자 이름 인 두 개의 쿠키를 유지하므로 문서에 값을 할당합니다.

document.addcookie ( "userId = 828");

document.addcookie ( "username = hulk");

실제로 브라우저는 쿠키 값을 변경하려면 다음과 같은 값을 다시 시작하면 쿠키를 설정합니다.

document.cookie = "userId = 929";

이런 식으로 userid라는 쿠키를 929로 설정하십시오.

쿠키의 가치를 얻으십시오

쿠키의 가치를 얻는 방법은 다음과 같습니다. 쿠키의 가치는 문서에서 직접 얻을 수 있습니다.

var strcookie = document.cookie;

이것은 세그먼트 번호로 분리 된 여러 이름/값을 얻습니다. 예를 들어:

<!-

document.cookie = "userId = 828";

document.cookie = "username = hulk";

var strcookie = document.cookie;

경고 (strcookie);

//->

</스크립트>

그림 7.1 출력 쿠키 값을 표시합니다. 한 번에 하나의 쿠키 값 만 얻을 수 있으며, 쿠키 이름을 지정할 수 없다는 것을 알 수 있습니다. 사용자는 지정된 쿠키 값을 얻으려면이 문자열을 스스로 분석해야합니다.

<!-

// 두 개의 쿠키를 설정합니다

document.cookie = "userId = 828";

document.cookie = "username = hulk";

// 쿠키 문자열을 가져옵니다

var strcookie = document.cookie;

// 여러 쿠키가 여러 이름/값으로 절단됩니다

var arrcookie = strcookie.split ( ";");

var userid;

// 쿠키 배열을 가로 지르고 각 쿠키 쌍을 처리합니다

for (var i = 0; i <arrcookie.length; i ++) {

var arr = arrcookie [i] .split ( "=");

// userId라는 쿠키를 찾아 값을 반환합니다.

if ( "userId"== arr [0]) {

userID = ARR [1];

부서지다;

}

경고 (userID);

//->

</스크립트>

이것은 단일 쿠키의 가치를 얻습니다

유사한 방법에서는 하나 이상의 쿠키의 값을 얻을 수 있으며 주요 기술은 여전히 문자열 및 배열의 관련 작업입니다.

쿠키 종료 날짜를 설정하십시오

지금까지 모든 쿠키는 단일 세션 쿠키입니다. 즉,이 쿠키는 브라우저가 닫힌 후 손실됩니다.

실제 개발에서 쿠키는 종종 사용자 로그인 상태 보존과 같은 오랫동안 저장해야합니다. 다음 옵션으로 구현할 수 있습니다.

document.cookie = "userId = 828; 만료 = gmt_string";

그 중에서 GMT_STRING은 GMT 형식으로 표시되는 시간 문자열입니다. 예를 들어 : 10 일 후에 쿠키가 만료되도록 설정하려면 다음과 같이 구현할 수 있습니다.

다음과 같이 코드 코드를 복사하십시오.

<!-

// 현재 시간을 얻습니다

var date = 새 날짜 ();

var expiredays = 10;

// 10 일 후 10 일로 날짜를 설정합니다.

날짜 .settime (date.gettime ()+만료*24*3600*1000);

// userID와 사용자 이름의 두 쿠키를 10 일 후 만료하도록 설정

document.cookie = "userId = 828; username = hulk; expire ="+date.togmtring ();

//->

</스크립트>

쿠키 삭제

쿠키를 삭제하기 위해서는 다음과 같은 과거 시간으로 만료 시간을 설정할 수 있습니다.

다음과 같이 코드 코드를 복사하십시오.

<!-

// 현재 시간을 얻습니다

var date = 새 날짜 ();

// 날짜를 지난 시간으로 설정합니다

날짜 .settime (date.gettime () -10000);

// userID를 삭제 하여이 쿠키

document.cookie = "userId = 828; expire ="+date.togmtring ();

//->

</스크립트>

쿠키에 액세스 할 수있는 경로를 지정하십시오

기본적으로 페이지에서 쿠키가 생성되는 경우 페이지가 쿠키에 액세스 할 수있는 디렉토리의 다른 페이지. 이 디렉토리에 하위 디렉토리가있는 경우 하위 디렉토리에 액세스 할 수도 있습니다. 예를 들어, www.xxxx.com/html/b.html 또는 www.xxx.com/ html/some/c.html에서 만든 쿠키는 www.xxxx.com/d.html에서 액세스 할 수 없습니다.

쿠키로 액세스 할 수있는 카탈로그를 제어하려면 쿠키를 설정하려면 경로 매개 변수를 사용해야합니다.

document.cookie = "name = value; path = cookiedir";

Cookiedir는 쿠키에 대한 액세스 카탈로그를 나타냅니다. 예를 들어:

document.cookie = "userId = 320; path =/shop";

이는 현재 쿠키가 짧은 디렉토리에서만 사용할 수 있음을 의미합니다.

전체 웹 사이트에서 쿠키를 사용하려면 Cookie_dir를 루트 디렉토리로 지정할 수 있습니다.

document.cookie = "userId = 320; path =/";

쿠키에 액세스 할 수있는 호스트 이름을 지정하십시오

경로와 마찬가지로 호스트 이름은 www.google.com 및 gmail.google.com과 같은 동일한 도메인의 다른 호스트를 나타냅니다. 기본적으로 호스트에서 생성 된 쿠키는 다른 호스트에서 액세스 할 수 없지만 도메인 매개 변수로 제어하여 구문 형식은 다음과 같습니다.

document.cookie = "name = value; domain = cookomain";

Google을 예로 들어보십시오. 크로스 호스트 액세스를 얻으려면 다음을 작성할 수 있습니다.

document.cookie = "name = value; domain = .google.com";

이러한 방식으로 모든 Google.com의 호스트는 쿠키에 액세스 할 수 있습니다.

포괄적 인 예 : 일반적인 쿠키 처리 기능 구성

쿠키의 처리 프로세스는 더 복잡하고 특정 유사점이 있습니다. 따라서 코드 재사용을 달성하기 위해 쿠키의 일반적인 작업을 완료하기 위해 여러 기능을 정의 할 수 있습니다. 일반적으로 사용되는 쿠키 작업 및 기능 구현은 다음과 같습니다.

1. 쿠키 추가 : AddCookie (이름, 가치, ExpireHouse)

이 함수는 쿠키 이름, 쿠키 값 및 나중에 만료되는 방법의 3 가지 매개 변수를 수신합니다. 만료 시간은 Expirehouse가 0 일 때, 즉 브라우저가 닫히면 쿠키가 자동으로 사라집니다. 이 기능은 다음과 같이 구현됩니다.

다음과 같이 코드 코드를 복사하십시오.

<!-

함수 addCookie (이름, 가치, 만료 하우스) {

var cookring = name+"="+탈출 (값);

// 만료 시간이 설정되어 있는지 확인하십시오

if (expirehouse> 0) {{

var date = 새 날짜 ();

date.settime (date.gettime+Expirehouse*3600*1000);

cookring = cookiestring+"; expire ="+date.togmtring ();

}

문서 .cookie = Cookiestring;

}

//->

</스크립트>

2. 지정된 이름의 쿠키 값을 얻으십시오 : GetCookie (이름)

이 함수는 이름이없는 쿠키 값을 반환하면 공중으로 돌아 오며 구현은 다음과 같습니다.

다음과 같이 코드 코드를 복사하십시오.

<!-

함수 getCookie (이름) {

var strcookie = document.cookie;

var arrcookie = strcookie.split ( ";");

for (var i = 0; i <arrcookie.length; i ++) {

var arr = arrcookie [i] .split ( "=");

if (arr [0] == name) return arr [1];

}

반품 "" ";

}

//->

</스크립트>

3. 지정된 이름으로 쿠키 삭제 : deletecookie (이름)

이 기능은 지정된 이름의 쿠키를 삭제할 수 있으며 그 구현은 다음과 같습니다.

다음과 같이 코드 코드를 복사하십시오.

<!-

함수 getCookie (이름) {

var strcookie = document.cookie;

var arrcookie = strcookie.split ( ";");

for (var i = 0; i <arrcookie.length; i ++) {

var arr = arrcookie [i] .split ( "=");

if (arr [0] == name) return arr [1];

}

반품 "" ";

}

//->

</스크립트>

온라인으로 다른 것을 사용할 수도 있습니다.

다음과 같이 코드 코드를 복사하십시오.

함수 setCookie (이름, 값) // 두 매개 변수, 하나는 쿠키의 이름이고 다른 하나는 값입니다.

{{

var days = 30; //이 쿠키는 30 일 동안 저장됩니다

var exp = 새로운 날짜 ();

exp.settime (exp.gettime () + 일*24*60*60*1000);

document.cookie = name + "=" + Escape (value) + "; expires =" + exp.togmtring ();

}

기능 getCookie (이름) // 쿠키 기능을 가져옵니다

{{

var anrr = document.cookie.match ( "("( "(^|)" "+name+"= ([^;]*) (; | $) ")));

if (arr! = null) recape unesce (arr [2]);

}

함수 delcookie (이름) // 쿠키 삭제

{{

var exp = 새로운 날짜 ();

exp.settime (exp.gettime () -1);

var cval = getCookie (이름);

if (cval! = null) document.cookie = name+"="+cval+"; expires ="+exp.togmtstring ();

}

setCookie ( "Xiaoqi", "3")

경고 (GetCookie ( 'Xiaoqi');

</스크립트>