Document.cookie - クッキー

2017/10/05

cookieは、Documentのプロパティです。クッキーを返します。クッキーがあると、アクセスする度にデータがサーバーに送信されて、無駄な通信になりがちです。可能ならば、データがサーバーに送信されないStorageを利用して下さい。

概要

名前

所属

IDL

attribute USVString cookie;

仕様書

https://html.spec.whatwg.org/multipage/dom.html#dom-document-cookie

デモ

Document.cookieのデモです。クッキーを書き込んでから、このページに再アクセスしてみて下さい。クッキーの期限は3分です。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<body>
	<p><button id="write">書き込み</button></p>
	<p><button id="delete">削除</button></p>
<hr>
<script>
// 書き込み
document.getElementById( "write" ).onclick = function () {
	document.cookie = "SYNCER=BEST_SITE;max-age=180;path=/" ;
}

// 削除
document.getElementById( "delete" ).onclick = function () {
	document.cookie = "SYNCER=BEST_SITE;max-age=0;path=/" ;
}

console.log( document.cookie ) ;
document.body.appendChild( new Text( document.cookie ) ) ;
</script>
</body>
</html>