好きな背景色をセットする |
Sample 2回ほど、新しいウインドウを開いて確認して下さい。 |
ここをクリックして新しいウインドウを開いてください。
|
ソース |
<HTML> <HEAD> <SCRIPT LANGUAGE = "JavaScript"> <!-- function color(){ var favorite_color = GetCookie('color'); if (favorite_color == null) { favorite_color = prompt("好きな背景色は?"); SetCookie('color', favorite_color; } document.bgColor=favorite_color; return favorite_color; } function set_bgcolor(){ favorite_color = prompt("好きな背景色は?"); SetCookie ('color', favorite_color); document.bgColor=favorite_color; } function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function GetCookie (name) { var arg = name + "="; var alen = arg.length; var ck_len = document.cookie.length; var i = 0; while (i < ck_len) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function SetCookie (name, value) { ckie_word=name+"="+escape(value)+";"; ckie_word+="expires=Sat, 31-Dec-2020 23:59:59; "; document.cookie=ckie_word; } //--> </SCRIPT> <BODY onload="color();"> <br><br> <a href="JavaScript:set_bgcolor()">背景色を変えるにはココをクリック</a> <br><br> <FORM> <INPUT TYPE=button VALUE="ウインドウを閉じる" onClick=window.close()> </FORM> <br><br> </BODY> </HTML> |
ワンポイント解説 |
document.cookie =で、クッキーを保存しています。 ckie_word+="expires=Sat, ・・・で、2020年12月31日までクッキーが有効になるように設定しています。 |