Bagaimana Saya Boleh Tetapkan dan Dapatkan Kuki Menggunakan JavaScript?

Menetapkan dan Mendapatkan Kuki dengan JavaScript

Untuk mengekalkan keutamaan atau maklumat pengguna tertentu merentas berbilang sesi, anda mungkin mahu menggunakan kuki. Dalam JavaScript, menetapkan dan mendapatkan kuki adalah tugas yang mudah.

Menetapkan Kuki

Untuk menetapkan kuki dengan nama, nilai dan masa tamat tempoh tertentu:

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

Mendapatkan semula Kuki

Untuk mendapatkan semula kuki dengannya nama:

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

Contoh Penggunaan

Dalam fail HTML anda:

<select>

Dalam fail JavaScript anda:

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

Dengan menggunakan ini fungsi, anda boleh menetapkan dan mendapatkan semula kuki dalam JavaScript dengan mudah, membolehkan anda menyimpan pilihan pengguna dan meningkatkan web anda aplikasi.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Tetapkan dan Dapatkan Kuki Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!