複数のセッションにわたって特定の設定やユーザー情報を保持するには、Cookie を利用することができます。 JavaScript では、Cookie の設定と取得は簡単な作業です。
特定の名前、値、有効期限を持つ Cookie を設定するには:
function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; }
Cookie を取得するにはname:
function getCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(";"); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == " ") c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; }
HTML ファイル内:
<select>
JavaScript ファイル内:
// Set the cookie when the user selects a CSS file function setCSSLayout() { var cssFile = document.getElementById("myList").value; setCookie("cssFile", cssFile, 7); } // Get the cookie and set the CSS file accordingly function getCSSLayout() { var cssFile = getCookie("cssFile"); if (cssFile) { document.getElementById("css").href = cssFile; } } // Load the previously selected CSS file window.onload = function () { getCSSLayout(); };
これらを活用することで、関数を使用すると、JavaScript で Cookie を簡単に設定および取得できるため、ユーザー設定を保存し、Web アプリケーションを強化できます。
以上がJavaScript を使用して Cookie を設定および取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。