Wie kann ich mithilfe von JavaScript Cookies setzen und abrufen?

Setzen und Abrufen von Cookies mit JavaScript

Um bestimmte Präferenzen oder Benutzerinformationen über mehrere Sitzungen hinweg beizubehalten, möchten Sie möglicherweise Cookies verwenden. In JavaScript ist das Setzen und Abrufen von Cookies eine unkomplizierte Aufgabe.

Ein Cookie setzen

So setzen Sie ein Cookie mit einem bestimmten Namen, Wert und Ablaufzeit:

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=/";
}

Ein Cookie abrufen

Um ein Cookie anhand seiner Funktion abzurufen 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;
}

Beispielverwendung

In Ihrer HTML-Datei:

<select>

In Ihrer JavaScript-Datei:

// 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();
};

Durch die Verwendung dieser Funktionen können Sie ganz einfach Cookies in JavaScript setzen und abrufen, sodass Sie Benutzereinstellungen speichern und Ihre Webanwendungen verbessern können.

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe von JavaScript Cookies setzen und abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!