ボタンをクリックしたらjavascriptでcookieを保存する

この記事について
1. つまずきポイント要約
関連記事

この記事について

環境	javascript、cookie、IE11
目的	ボタンクリックでcookieに値を保存する
結果	document.cookieに「名前=値; expires=有効期限」を書き込む

つまずきポイント要約

有効期限を設定しないと、ブラウザを閉じた時点でcookieは無効になる

このボタンを押すと cookie に「abc」と保存される

<INPUT TYPE="button" NAME="button" VALUE="cookieに保存" ONCLICK="SetId('abc')">

javascript の記述

function SetId(strNum) {

var name = "testcookie";			// クッキーの名前
var value = strNum;					// クッキーの値
var period = 7;					// 有効期限日数

// 有効期限の作成（有効期限がないと、ブラウザを閉じた時点で cookieは無効）
var nowtime = new Date().getTime();
var clear_time = new Date(nowtime + (60 * 60 * 24 * 1000 * period));
var expires = clear_time.toGMTString();

// クッキーの発行（書き込み）
document.cookie = name + "=" + escape(value) + "; expires=" + expires;

	window.alert(strNum + 'と保存しました'); // 警告ダイアログを表示

}

参考サイト：こちら

cookieはこちらに保存される（IE11の場合）

C:\Users\username\AppData\Roaming\Microsoft\Windows\Cookies\Low

cookie を開くとこんな感じ

testcookie ←デリミタ
abc ←値
www.example.com/hoge/ ←cookieを発行したサイトURL
1600 ←フラグ
1888753024 ←有効期限１
30382331 ←有効期限２
1210506145 ←作成日時１
30380923 ←作成日時２
* ←デリミタ

cookieの書式に関する詳細はこちら

保存したcookieを表示する場合は、こちら

この記事について

つまずきポイント要約

関連記事