HTML DOM 문서 쿠키 속성

정의와 사용법

쿠키 분号으로 구분된 key=value 문서 쿠키 목록.

쿠키 생성 예제:

document.cookie="username=Bill Gates; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";

안내:쿠키에는 쉼표, 세미콜론이나 공백을 포함할 수 없습니다。encodeURIComponent() 메서드 그래서 보장할 수 있습니다.

추가 정보를 보려면 다음을 참조하세요：

JavaScript 쿠키 튜토리얼

추천：

때로는 Storage API가 더 나은 도구입니다：

localStorage 속성

sessionStorage 속성

예제

이 문서와 관련된 모든 쿠키를 가져오세요：

let allCookies = document.cookie;

직접 테스트해 보세요

문법

쿠키 반환:

document.cookie

쿠키 설정:

document.cookie = newCookie

파라미터

분号으로 구분된 name=value 리스트에 따라, 다음에 옵션을 추가하세요：

expires=date
GMT 형식의 날짜( Date.toUTCString 메서드를 사용하여).
기본 값: 브라우저를 닫을 때 쿠키를 제거합니다.
max-age=seconds
쿠키를 제거하기 전의 최대 연령. 0이나 과거의 날짜가则为쿠키를 제거합니다.
path=path
쿠키가 속한 디렉토리의 절대 경로 ('/dir'). 기본 값: 현재 디렉토리.
domain=domainname
사이트의 도메인('example.com'). 기본 값: 문서의 도메인.
secure
안전한 프로토콜(https)를 통해 쿠키를 서버로 전송하세요。

반환 값

형식 설명
문자열 분号으로 구분된 key=value 리스트(문서 쿠키)에 대해.

쿠키와 로컬 스토리지

쿠키는 클라이언트-서버(브라우저-서버) 애플리케이션에 사용됩니다。

로컬 스토리지는 클라이언트(브라우저) 애플리케이션에 사용됩니다。

쿠키는 웹사이트와 연결됩니다. 클라이언트로 데이터를 제공하는 경우 각 HTTP 헤더에 쿠키를 전송하는 것은 대역을 낭비합니다。

일부 사용자의 브라우저는 일반적으로 쿠키를 비활성화합니다。

쿠키의 크기 제한은 4 KB입니다. 로컬 스토리지의 각 도메인 제한은 5 메가바이트입니다。

쿠키에는 만료 날짜가 있습니다. 로컬 스토리지에는 없습니다。

브라우저 지원

document.cookie는 DOM Level 2 (2001) 기능입니다。

모든 브라우저에서 지원됩니다：

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 9-11 지원 지원 지원 지원