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
Thanks: Material Design 420 free icons
Follow us on: Twitter, Facebook Page, Google+ Page
©2024 PHP & JavaScript Room All Rights Reserved.