ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript を使用して Cookie を設定および取得するにはどうすればよいですか?

JavaScript を使用して Cookie を設定および取得するにはどうすればよいですか?

Susan Sarandon
リリース: 2024-12-23 00:12:03
オリジナル
412 人が閲覧しました

How Can I Set and Retrieve Cookies Using JavaScript?

JavaScript を使用した Cookie の設定と取得

複数のセッションにわたって特定の設定やユーザー情報を保持するには、Cookie を利用することができます。 JavaScript では、Cookie の設定と取得は簡単な作業です。

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 の取得

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート