HTML DOM 문서 쿠키
예시
이 문서와 관련된 모든 쿠키 가져오기:
let allCookies = document.cookie;
정의 및 사용
속성 은 cookie
키=값 쌍(문서 쿠키)의 세미콜론으로 구분된 목록을 설정하거나 반환합니다.
쿠키 생성의 예:
document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC;
path=/";
메모
쿠키는 쉼표, 세미콜론 또는 공백을 포함할 수 없습니다.
encodeURIComponent() 메서드 는 그렇게 하지 않도록 합니다.
또한보십시오:
조언:
Somtimes Storage API는 더 나은 도구입니다.
통사론
쿠키 반환:
document.cookie
쿠키 설정:
document.cookie = newCookie
매개변수
이름=값 쌍 의 세미콜론으로 구분된 목록과 다음과 같은 선택적 값이 있습니다.
expires=date max-age=seconds path=path domain=domainname secure |
반환 값
유형 | 설명 |
끈 | 키=값 쌍(문서 쿠키)의 세미콜론으로 구분된 목록입니다. |
쿠키 대 로컬 저장소
쿠키는 클라이언트-서버(브라우저-서버) 애플리케이션을 위한 것입니다.
로컬 스토리지는 클라이언트(브라우저) 애플리케이션용입니다.
쿠키는 웹사이트와 연결됩니다. 데이터가 클라이언트용인 경우 모든 HTTP 헤더에서 쿠키를 보내는 것은 대역폭의 허리입니다.
일부 사용자는 브라우저에서 기본적으로 쿠키를 비활성화합니다.
쿠키의 크기 제한은 4KB입니다. 로컬 저장소는 도메인당 5MB로 제한됩니다.
쿠키에는 만료일이 있습니다. 로컬 저장소에는 없습니다.
브라우저 지원
document.cookie
DOM 레벨 2(2001) 기능입니다.
모든 브라우저에서 완벽하게 지원됩니다.
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |