TOPJavaScript/DOM
- クッキーの保存・取得〔cookieプロパティ〕
クッキーの保存・取得
cookieプロパティ
unknown
document.cookie = データ
クッキーはユーザーのパソコンにサイト訪問数やユーザー名などのデータを保存したり、保持されているクッキーを取得するのに使用します。
クッキーには有効期限を設定することができますが、ブラウザが保持できるクッキーの数には制限があるため、それを超える場合は古いクッキーから削除されます。 1つのブラウザが保持できるクッキーの数は最大300(その内、同ドメインのページから発行されたクッキーは20まで)、1つのクッキーの最大サイズは4KBまでとなります。
ユーザーがブラウザ設定でクッキーを無効にしている場合は、クッキーをユーザーのパソコンに保存できません。
保存されたクッキーを消去するには、ブラウザのクッキー削除機能を使用するか、テンポラリファイルを開いて手動でクッキーを削除します。
サンプルを見る<script type="text/javascript">
/*
* クッキーが保存されているか確認
* 既にクッキーがある場合は、クッキーの値をアラート表示 */
function checkCookie(){
/* クッキーの値を取得 */
var username=getCookie("username");
if (username!=""){
alert("いらっしゃいませ、「"+username+"」さん!")
}else{
/* クッキーがない場合 */
/* 入力ボックスに名前が入力されるまで入力ダイアログを表示 */
while(username==""){
username=prompt("名前を入力してください。","");
/* キャンセルボタンが押された場合は処理終了 */
if(username==null) return false;
/* 入力ボックスが空でない場合は、クッキーに保存 */
if(username!=""){
setCookie("username",username,367)
alert("クッキーを保存しました\n\nブラウザの更新ボタンをリロードして保存されたクッキー情報を確認して下さい");
}
}
}
}
/* 保存されているクッキーから、指定したクッキー名の値を取得
* getCookie(クッキー名)
*/
function getCookie(c_name){
var st="";
var ed="";
if (document.cookie.length>0){
st=document.cookie.indexOf(c_name + "=");
if (st!=-1){
st=st+c_name.length+1;
ed=document.cookie.indexOf(";",st);
if (ed==-1) ed=document.cookie.length;
return unescape(document.cookie.substring(st,ed));
}
}
return "";
}
/*
* クッキー保存
* setCookie(クッキー名, クッキーの値, クッキーの有効日数);
*/
function setCookie(c_name,value,expiredays){
// 有効期限の日付
var exdate=new Date();
exdate.setDate(expiredays);
// クッキーに保存する文字列を生成
var s="";
s+=c_name+"="+escape(value);
s+=(expiredays==null)?"":"; expires="+exdate;
// クッキーに保存
document.cookie=s;
}
/* ウィンドウの読み込み完了時に、クッキーを保存する処理を実行 */
window.onload=checkCookie;
</script>
関連コンテンツ
TOP / ご利用上の注意点 / リンクについて / RSS
©2026 PHP & JavaScript Room All Rights Reserved.