JavaScript/HTMLおぼえがき

｜JavaScript｜JavaScript/HTML｜ サイトマップ｜ホーム｜

クッキー

クッキー（作成）　　　戻る

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="content-language" content="ja">
  5. <meta charset="UTF-8">
  6. <title>クッキー（作成）</title>
  7. <meta name="viewport" content="width=device-width,initial-scale=1">
  8. <script>
  9. <!--
  10. if(!navigator.cookieEnabled){alert("クッキーへの書き込みができません");}
  11.   else {
  12.     count	= 0;                            //　訪問回数
  13. 	cookie	= document.cookie;              //　クッキー読み込み
  14. 	data	= cookie.split("; ");           //　"; "で分割
  15. 	for(i = 0 ; i < data.length ; i++) {
  16. 		data2 = data[i].split("=");     //　"="で分割
  17. 		if(data2[0] == "count") {
  18. 			count = data2[1];       //　訪問回数
  19. 		}
  20. 	}
  21. 	dd	= new Date();                   //　今日の日時
  22.     dd.setHours(dd.getHours() + 24*30);         //　有効期限３０日
  23.     cookie = "count=" + ++count + ";";          //　クッキーデータ作成
  24. 	cookie	+= "expires="+dd.toGMTString();
  25. 	document.cookie	= cookie;
  26.   }	
  27. //-->
  28. </script>
  29. </head>
  30. <body>
  31. <script>
  32. <!--
  33.   if (count==1) {document.write("あなたは初めての訪問です。");}
  34.   　　else　{document.write("あなたは"+count+ "回目の訪問です。");}
  35. //-->
  36. </script>
  37. </body>
  38. </html>

クッキー（削除）　　　戻る

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="content-language" content="ja">
  5. <meta charset="UTF-8">
  6. <title>クッキー（削除）</title>
  7. <meta name="viewport" content="width=device-width,initial-scale=1">
  8. <SCRIPT>
  9. <!--
  10. function del(){
  11.   if(document.cookie==""){
  12.     alert("削除するCookieはありません。")}
  13.       else{
  14.         tmp=document.cookie.split(";");
  15.         dd=new Date();
  16.         dd.setYear(dd.getYear()-1);
  17.         for(i=0;i<tmp.length;i++){
  18.           w=tmp[i].split("=")[0];
  19.           document.cookie=w+"=;expires="+dd.toGMTString();
  20.         }
  21.         alert("このサーバによるCookieを削除しました。");
  22.     }
  23. }
  24. // -->
  25. </SCRIPT>
  26. </HEAD>
  27. <body>
  28. <p>　</p>
  29. <p>
  30. <input type="button" value="Cookieの削除" onclick="del()">
  31. </body>
  32. </HTML>

｜JavaScript｜JavaScript/HTML｜ サイトマップ｜ホーム｜