HTMLDOMドキュメントCookie
例
このドキュメントに関連付けられているすべてのCookieを取得します。
let allCookies = document.cookie;
定義と使用法
cookie
プロパティは、キーと値のペア(ドキュメントCookie)のセミコロンで区切られたリストを設定または返します。
Cookieの作成例:
document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC;
path=/";
ノート
Cookieには、コンマ、セミコロン、または空白を含めることはできません。
encodeURIComponent()メソッドは、それらがしないことを保証します。
関連項目:
アドバイス:
StorageAPIの方が優れている場合があります。
構文
Cookieを返します。
document.cookie
Cookieを設定します。
document.cookie = newCookie
パラメータ
name = valueのペア のセミコロンで区切られたリストと、それに続くthiseオプションの値のいずれか:
expires=date max-age=seconds path=path domain=domainname secure |
戻り値
タイプ | 説明 |
弦 | キーと値のペア(ドキュメントCookie)のセミコロンで区切られたリスト。 |
クッキーとローカルストレージ
Cookieは、クライアントサーバー(ブラウザーサーバー)アプリケーション用です。
ローカルストレージは、クライアント(ブラウザー)アプリケーション用です。
クッキーはウェブサイトに関連付けられています。データがクライアント用である場合、すべてのHTTPヘッダーでCookieを送信するのは帯域幅のウエストです。
一部のユーザーは、ブラウザで原則としてCookieを無効にしています。
Cookieのサイズ制限は4キロバイトです。ローカルストレージには、ドメインあたり5メガバイトの制限があります。
Cookieには有効期限があります。ローカルストレージはそうではありません。
ブラウザのサポート
document.cookie
DOMレベル2(2001)の機能です。
すべてのブラウザで完全にサポートされています。
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |