Comment puis-je définir et récupérer des cookies à l'aide de JavaScript ?

Définition et récupération de cookies avec JavaScript

Pour conserver certaines préférences ou informations utilisateur sur plusieurs sessions, vous souhaiterez peut-être utiliser des cookies. En JavaScript, définir et récupérer des cookies est une tâche simple.

Définition d'un cookie

Pour définir un cookie avec un nom, une valeur et une heure d'expiration spécifiques :

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

Récupérer un Cookie

Pour récupérer un cookie par son nom :

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;
}

Exemple Utilisation

Dans votre fichier HTML :

<select>

Dans votre fichier 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();
};

En utilisant ces fonctions, vous pouvez facilement définir et récupérer des cookies en JavaScript, vous permettant de stocker les préférences utilisateur et d'améliorer vos applications Web.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!