document.cookie－JavaScriptリファレンス

トップページ > JavaScriptリファレンス > document.cookie

★JavaScriptリファレンス

document.cookie …… クッキーを保存・参照する
Internet Explorer

document.cookieプロパティは、クッキーを保存・参照します。クッキーを保存するには、key=value の形式で以下のように指定します。

document.cookie = "userid=0001";
document.cookie = "usericon=dog";

クッキーの値にはカンマ（,）、セミコロン(;)、ホワイトスペース( )を使用することはできません。これらが含まれる場合には、encodeURIComponent()関数を使用してエンコードする必要があります。

document.cookie = "userid=0001";
document.cookie = "usericon=dog";
document.cookie = "username=" + encodeURIComponent("Mr Tanaka");

保存されたクッキーは、key1=value1; key2=value2; key3=value3 という形式でセミコロン（;）区切りになっています。保存されているクッキーを参照するには、例えば以下のように指定します。

var data = document.cookie;
document.write(data);

↓↓↓

ブラウザ上の表示

userid=0001; usericon=dog; username=Mr%20Tanaka

クッキーを削除するには、max-age属性を使用します。 max-age属性はクッキーの有効期限を秒数で指定しますが、この値を0にすることでクッキーを削除することができます。

document.cookie = "userid=0001; max-age=0";

↓↓↓

ブラウザ上の表示

usericon=dog; username=Mr%20Tanaka

■構文・引数・戻り値

構文: document.cookie
構文（オプション付き）: document.cookie = "クッキー名=値; max-age=有効秒数; expires=有効日付 domain=ドメイン; path=パス; secure"
オプションの説明: max-age属性・expires属性・domain属性・path属性・secure属性はオプションです。 max-age属性はクッキーの有効期限を秒数で指定します。0を指定することでクッキーを削除できます。 expires属性はクッキーの有効期限を日付で指定します。指定しなければセッション終了時にクッキーが無効となります。 domain属性はクッキーが有効となるドメインを設定します。指定しなければ現在ページのドメインとなります。 path属性はクッキーが有効となるパスを設定します。指定しなければ現在ページのパスとなります。 secure属性を付けるとhttps通信の場合にのみクッキーを送信します。

■関連項目

document.URL …… ドキュメントのURLを設定・参照する
document.location …… ドキュメントのURLを設定・参照する
document.domain …… ドメイン名を参照する
document.title …… ドキュメントのタイトルを設定・参照する
document.referrer …… リファラー（リンク元URL）を参照する
document.lastModified …… 最終更新日を参照する
document.cookie …… クッキーを保存・参照する

document.open() …… ドキュメントの出力を開始する
document.close() …… ドキュメントの出力を終了する
document.write() …… ドキュメントに文字列を書き出す
document.writeln() …… ドキュメントに文字列を書き出して改行する
document.getSelection() …… 選択された文字列を返す

document.bgColor …… 背景色を設定・参照する
document.fgColor …… 文字色を設定・参照する
document.linkColor …… リンクの文字色を設定・参照する
document.alinkColor …… 読み込み中リンクの文字色を設定・参照する
document.vlinkColor …… 読み込み済リンクの文字色を設定・参照する

★JavaScriptリファレンス

ブラウザ上の表示

ブラウザ上の表示

■構文・引数・戻り値

■関連項目

Sponsors