JavaScript リファレンス

Tweet

document.cookieはJavaScriptでcookieを利用する為のプロパティです。このプロパティを利用しCookieへの書き込みとCookieの内容の取得が可能です。

Cookieへの書き込み

Cookieへの書き込みは次のように書式で行います。

document.cookie = "Cookieへ保存する設定";

Cookieへ保存する設定は次のようにkey=valueで記述を行います。

var myCookie = "name=WebCreativePark";
document.cookie = myCookie;

クッキーの値に、コンマ、セミコロン、ホワイトスペースなどを含めることができませんのでencodeURIComponent()を利用して以下のように指定するのがよいでしょう。

var myCookieVal = "WebCreativePark";
document.cookie = "name="+encodeURIComponent(myCookieVal);

オプションとして以下のような値が指定できます。

オプションに関しては以下のように;区切りで指定を行います。

var myCookie = "name=WebCreativePark;path=/;domain=.bar.com;max-age=2592000";
document.cookie = myCookie;

なお、オプションで有効期限を指定しない場合はブラウザを閉じた時点でCookieの情報は破棄されます。

Cookieの内容の取得

Cookieの内容はdocument.cookie内にセミコロン(;)区切りで格納されています。

key1=val1;key2=val2;....

特定のkeyのCookieを取得したい場合などは以下のような関数を用意しておくと便利です。

function getCookie (key){
	var cookie,cookies = document.cookie.split(";");
	for(var i = 0;i<cookies.length;i++){
		cookie = cookies[i].split("=");
		if(cookie[0]===key){
			return decodeURIComponent(cookie[0]);
		}
	}
}

jQuery Cookieなどのプラグインを利用しても簡単にCookieの値の取得が可能です。

なお、Cookieが利用できるかどうかはnavigator.cookieEnabledで取得可能です。

登録日 : 2013年09月26日 最終更新日 : 2014年6月3日

同じカテゴリー(Document)のエントリー

• getElementsByClassName()
• getElementById()
• cookie