JavaScriptによるクッキーの設定と取得
HTMLでどのCSSファイルを選択するかによって、クッキーを設定しようとしています。フォームには選択肢のリストがあり、値として異なるCSSファイルを指定します。私がファイルを選択すると、そのファイルは約1週間クッキーに保存されるはずです。次にHTMLファイルを開いた時には、前に選んだファイルになっているはずです'。
JavaScriptのコードです。
function cssLayout() {
document.getElementById("css").href = this.value;
}
function setCookie(){
var date = new Date("Februari 10, 2013");
var dateString = date.toGMTString();
var cookieString = "Css=document.getElementById("css").href" + dateString;
document.cookie = cookieString;
}
function getCookie(){
alert(document.cookie);
}
HTMLコードです。
<form>
Select your css layout:<br>
<select id="myList">
<option value="style-1.css">CSS1</option>
<option value="style-2.css">CSS2</option>
<option value="style-3.css">CSS3</option>
<option value="style-4.css">CSS4</option>
</select>
</form>
482
3
これらはw3schools(今までに作られた中で最もひどいWebリファレンス)よりもはるかにはるかに良いリファレンスです。
これらの参考文献から得られた例。
Mozilla のリファレンスには、使用できる素晴らしいクッキーライブラリもあります。
この質問には、キーと値のペアとしてのクッキーを扱う再利用可能なコードがあれば、もっと一般的な答えが得られるはずだと思います。
このスニペットはMDNからの引用で、おそらく信頼できるものです。これは、クッキーを扱うためのUTF-safeオブジェクトです。
Mozilla には、これがすべての場合に動作することを証明するテストがあります。
別のスニペットもあります こちら。
JSによるクッキー値の設定と取得については、[JavaScript Cookies on W3Schools.com][1]をご確認ください。
そこに書かれているsetCookieとgetCookieのメソッドを使えばいいのです。
というわけで、コードは以下のようになります。