>웹 프론트엔드 >JS 튜토리얼 >JavaScript 쿠키 및 간단한 예제 응용 프로그램에 대한 자세한 설명(그림 및 텍스트 자습서)

JavaScript 쿠키 및 간단한 예제 응용 프로그램에 대한 자세한 설명(그림 및 텍스트 자습서)

亚连
亚连원래의
2018-05-19 13:43:351976검색

이 글에서는 주로 자바스크립트 쿠키 세부정보와 간단한 예제 응용 프로그램을 소개합니다. 여기에서는 js 쿠키의 기본 속성 및 간단한 응용 프로그램에 대한 자세한 설명을 제공합니다. 도움이 필요한 친구는

자바스크립트 쿠키 세부정보

를 참조하세요. 1. 쿠키 기본 소개

쿠키는 문서의 객체입니다. 쿠키를 사용하면 JavaScript 코드가 사용자의 하드 드라이브에 데이터를 지속적으로 저장하고 이러한 방식으로 저장된 데이터를 얻을 수 있습니다. 쿠키는 클라이언트측 스크립팅에도 사용될 수 있습니다.

쿠키 데이터는 웹 브라우저와 웹 서버 간에 자동으로 전달될 수 있습니다.

브라우저에서는 navigator.cookieEnabled 속성을 통해 브라우저의 쿠키 기능이 활성화되어 있는지 확인할 수 있습니다.

2. 쿠키의 기본 속성

각 쿠키에는 4개의 선택적 속성이 있습니다.

1.expires

은 쿠키의 수명을 지정합니다. 만료 후 쿠키가 무효화되도록 하려면 만료 속성을 미래의 만료 시간으로 설정하십시오.

이제 쿠키의 수명을 초 단위로 설정하는 max-age 속성으로 바꾸세요. max-age 수명이 초과되면 브라우저에 의해 쿠키가 쿠키 파일에서 자동으로 삭제됩니다.

2.path

는 쿠키와 연결된 웹페이지를 지정합니다. 기본적으로 쿠키는 쿠키를 생성한 웹 페이지뿐만 아니라 이 웹 페이지와 동일한 디렉터리에 있는 웹 페이지 및 이 디렉터리의 하위 디렉터리에 있는 웹 페이지와 연결됩니다.

이는 주로 웹페이지에 대한 쿠키의 가시성을 설정합니다. www.a.com/list에 경로를 추가하면 www.a.com/list/a.html 및 www.a.com/list/b.html 모두 쿠키에 액세스할 수 있지만 www.a.com/comtain 이 쿠키에 접근할 수 없습니다. 그러나 경로가 www.a.com/으로 설정된 경우 www.a.com/list 및 www.a.com/contain 모두 쿠키에 액세스할 수 있습니다.

3.domain

기본적으로 동일한 웹 서버의 페이지만 쿠키에 접근할 수 있으며, 도메인 설정이 가능합니다. 예를 들어, 쿠키 경로가 /로 설정되고 쿠키가 .example.com으로 설정된 경우, Catalog.example.com 및 Orders.example.com에 있는 모든 웹페이지는 물론, 아래의 다른 서버에 있는 웹페이지도 마찬가지입니다. .example.com 도메인 이름에 접근할 수 있습니다.

주의: 쿠키의 도메인은 서버가 위치한 도메인이 아닌 다른 도메인으로 설정할 수 없습니다

4.source

출처는 부울 값인 true는 안전하지 않은 HTTP(기본값)로 전송되며, false는 브라우저와 서버가 HTTPS 또는 기타 보안 프로토콜을 통해 연결된 경우에만 전송됩니다.

3. 쿠키의 적용

쿠키는 이름=값 구조로 구성된 문자열입니다. 쿠키 예:

version=1.0;max-age=3600

각 문자열 사이에 쉼표나 공백을 포함할 수 없으므로 쿠키를 작성할 때 encodeURIComponent를 사용하여 변수에서 관련 기호를 제거해야 합니다. 읽을 때 사용

1년 동안 지속되는 쿠키를 만들려면:

document.cookie = “version=” + document.lastModified + “;max-age=” + (60*60*24*365);

위 내용은 모두를 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

NodeJS는 전능합니다: 놀라운 NodeJS 오픈 소스 프로젝트 10개를 계산합니다

JS에서 이를 가리키는 것과 호출 및 적용의 역할(그림 및 텍스트 튜토리얼)

이란 무엇입니까? js에서 소수점 반올림 방법은 무엇인가요? (사진 및 텍스트 튜토리얼)

위 내용은 JavaScript 쿠키 및 간단한 예제 응용 프로그램에 대한 자세한 설명(그림 및 텍스트 자습서)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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