Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk menentukan sama ada kuki sudah wujud melalui JavaScript

Bagaimana untuk menentukan sama ada kuki sudah wujud melalui JavaScript

PHPz
Lepaskan: 2023-04-24 15:16:44
asal
1586 orang telah melayarinya

JavaScript ialah bahasa pengaturcaraan yang digunakan secara meluas yang boleh digunakan dalam bidang seperti pembangunan bahagian hadapan tapak web, pembangunan bahagian belakang, pembangunan aplikasi mudah alih dan pembangunan permainan. Antaranya, pembangunan bahagian hadapan ialah medan aplikasi yang penting, dan kuki penyemak imbas juga merupakan bahagian yang amat diperlukan dalam pembangunan bahagian hadapan. Dalam JavaScript, kami boleh menggunakan atribut kuki objek dokumen untuk mengendalikan kuki penyemak imbas, dan cara untuk menetapkan kuki adalah dengan menggunakan atribut document.cookie.

Dalam artikel ini, kita akan membincangkan cara untuk menentukan sama ada kuki sudah wujud dan menetapkan nilainya melalui JavaScript. Berikut ialah langkah khusus:

Langkah pertama ialah menentukan sama ada kuki sudah wujud

Dalam JavaScript, kita boleh menggunakan kaedah indexOf() untuk menentukan sama ada rentetan tertentu berada dalam rentetan semasa wujud. Oleh itu, kita boleh menentukan sama ada kuki sudah wujud dengan mencari rentetan document.cookie. Berikut ialah kod sampel:

function checkCookieExist(name) {
  var exist = document.cookie.indexOf(name) !== -1;
  return exist;
}
Salin selepas log masuk

Fungsi ini menerima nama parameter, yang mewakili nama kuki yang akan disemak. Fungsi ini akan mencari rentetan document.cookie Jika ia dapat mencari rentetan yang sama seperti nama, ini bermakna bahawa kuki itu sudah wujud dan mengembalikan benar, jika tidak ia mengembalikan palsu.

Langkah kedua ialah menetapkan nilai kuki

Jika anda ingin menetapkan nilai kuki, kami perlu menggunakan atribut document.cookie. Format atribut ini adalah seperti berikut:

document.cookie = "name=value; expires=date; path=path; domain=domain; secure";
Salin selepas log masuk

dengan nama mewakili nama kuki dan nilai mewakili nilai kuki. tamat tempoh menunjukkan masa tamat tempoh kuki, laluan menunjukkan laluan kuki, domain menunjukkan nama domain tempat kuki berada dan selamat menunjukkan sama ada kuki hanya akan dihantar di bawah sambungan selamat.

Berikut ialah contoh kod:

function setCookie(name, value, expires, path, domain, secure) {
  document.cookie = name + "=" + value +
    (expires ? "; expires=" + expires.toUTCString() : "") +
    (path ? "; path=" + path : "") +
    (domain ? "; domain=" + domain : "") +
    (secure ? "; secure" : "");
}
Salin selepas log masuk

Fungsi ini mempunyai 6 parameter iaitu nama kuki, nilai kuki, masa tamat tempoh kuki, laluan kuki, dan nama domain tempat kuki itu berada dan sama ada kuki itu hanya akan dihantar melalui sambungan selamat. Dalam penggunaan sebenar, kita boleh memilih sama ada untuk menetapkan setiap parameter mengikut situasi tertentu.

Langkah ketiga, tentukan sama ada kuki telah tamat tempoh

Dalam langkah kedua, kita telah pun bercakap tentang cara menetapkan masa tamat tempoh kuki. Jika tiada masa tamat ditetapkan, kuki ialah "kuki sesi" dan jangka hayatnya akan dihadkan kepada satu sesi. Jika masa tamat tempoh ditetapkan, kuki akan dipadamkan secara automatik selepas masa tamat tempoh dicapai. Jika kami ingin menentukan sama ada kuki telah tamat tempoh, kami boleh menggunakan kod berikut:

function checkCookieExpired(name) {
  var cookieValue = "; " + document.cookie;
  var parts = cookieValue.split("; " + name + "=");
  if (parts.length == 2) {
    var expires = new Date(parts.pop().split(";").shift());
    var now = new Date();
    return (expires.getTime() <= now.getTime());
  } else {
    return true;
  }
}
Salin selepas log masuk

Fungsi ini menerima nama parameter, yang mewakili nama kuki yang akan disemak. Fungsi ini mula-mula mencari rentetan document.cookie untuk rentetan yang sama dengan nama. Jika ia ditemui, nilainya dikeluarkan dan ditukar menjadi objek Tarikh. Kemudian, ia akan mendapat masa semasa dan membandingkan masa tamat tempoh kuki dengan masa semasa Jika masa tamat tempoh lebih awal daripada atau sama dengan masa semasa, ini bermakna kuki telah tamat tempoh dan mengembalikan benar, jika tidak, ia akan mengembalikan palsu.

Ringkasnya, perkara di atas ialah kaedah untuk menentukan tetapan kuki dalam JavaScript. Dalam proses pembangunan sebenar, kami selalunya perlu menetapkan kuki untuk mengenal pasti pengguna, menyimpan pilihan pengguna, dsb. Oleh itu, menguasai teknik ini sangat berguna untuk pembangun JavaScript.

Atas ialah kandungan terperinci Bagaimana untuk menentukan sama ada kuki sudah wujud melalui JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan