Contoh pembelajaran JavaScript untuk membaca dan menulis kuki
Artikel ini terutamanya memperkenalkan mata pengetahuan yang berkaitan tentang kuki membaca dan menulis JavaScript melalui contoh Rakan yang memerlukan ini boleh merujuknya.
Pertama sekali, mari kita memahami secara ringkas kuki
Dalam proses membuat halaman web, kita sering perlu memindahkan maklumat dari satu halaman ke halaman yang lain, kita perlu menggunakan JavaScript Mekanisme kuki dalam . Ringkasnya, kuki menyediakan cara yang mudah untuk menyimpan sejumlah kecil data pada komputer pengguna dan mendapatkannya dari jauh, membolehkan tapak web menyimpan butiran seperti tetapan tabiat pengguna atau masa lawatan terakhir ke tapak web. Kuki itu sendiri ialah sekeping maklumat ringkas yang boleh disimpan pada komputer pengguna mengikut halaman dan kemudian dibaca oleh halaman lain. Kuki biasanya ditetapkan untuk tamat tempoh selepas tempoh masa tertentu.
Sudah tentu, kuki juga mempunyai had: penyemak imbas mempunyai had pada bilangan kuki yang boleh disimpan, biasanya beberapa ratus atau lebih. Dalam keadaan biasa, 20 kuki dibenarkan bagi setiap nama domain, dan setiap domain boleh menyimpan sehingga 4KB kuki Selain masalah yang mungkin disebabkan oleh sekatan saiz, terdapat juga banyak sebab yang boleh menyebabkan kuki pada cakera keras menjadi. hilang, seperti mencapai tarikh tamat tempoh Atau pengguna mengosongkan maklumat kuki, atau beralih ke penyemak imbas lain. Oleh itu, kuki tidak sesuai untuk menyimpan data penting Semasa menulis kod, anda juga mesti mempertimbangkan cara mengendalikan pengecualian pemerolehan kuki.
Dalam JavaScript, gunakan atribut kuki objek dokumen untuk menyimpan dan mendapatkan semula kuki Biasanya, maklumat dalam document.cookie ialah rentetan yang terdiri daripada pasangan nama dan nilai, dan setiap pasangan data berada dalam. borang :
name=value;
Di bawah kami akan menggunakan contoh mudah untuk menunjukkan cara membaca dan menulis kuki dalam JavaScript.
Yang pertama ialah createCookie.html, di mana halaman akan dibuat kuki , kod lengkap adalah seperti berikut:
<html>
<head>
<title>createCookie</title>
<script>
function createCookie(){
//get name and password
var name = document.getElementById("name").value;
var pwd = document.getElementById("pwd").value;
//create cookie
document.cookie = name+'|'+pwd;
//go to showCookie.html page
window.location.href = "showCookie.html";
}
</script>
</head>
<body>
Userame: <input id="name" type="text" /><br><br>
Password: <input id="pwd" type="password" /><br><br>
<button onclick="createCookie()">Submit</submit>
</body>
</html>Tangkapan skrin halaman adalah seperti berikut:
Klik butang hantar dan kuki akan menjadi dibuat. Maklumat Nama Pengguna dan Kata Laluan disimpan di dalamnya, dan ia akan melompat ke halaman showCookie.html. Antaranya, kod lengkap halaman showCookie.html adalah seperti berikut:
<html>
<head>
<title>showCookie</title>
<script>
function showCookie(){
//document.cookie is a string, using split() function to get cookie date in array form
var arr = document.cookie.split('|');
//processing data in cookie
var cookie_info = 'Data in cookie:<br>username is: '+arr[0]+"<br>password is: "+arr[1]+'<br>';
//set content of element of id "res"
document.getElementById("res").innerHTML = cookie_info;
}
</script>
</head>
<body>
<button onclick="showCookie()">Show Cookie</button>
<p id="res"></p>
</body>
</html>Tangkapan skrin halaman adalah seperti berikut:
Mengklik butang tunjukkan Kuki akan memaparkan maklumat dalam kuki .
Seterusnya, kami akan menjalankan program ini secara setempat dan pada pelayan, dan menjalankan program ini pada pelayar IE dan pelayar Chrome masing-masing untuk melihat pengendalian kuki.
Mula-mula kami menjalankan program ini secara tempatan, dan kami meletakkan dua fail di atas dalam pemacu E. Mula-mula jalankannya pada pelayar IE, masukkan maklumat pada halaman createCookie.html, dan klik butang hantar Tangkapan skrin adalah seperti berikut:
Selepas melompat ke showCookie. Halaman .html, klik butang tunjukkan Kuki, tangkapan skrin halaman adalah seperti berikut:
Kuki berjalan seperti biasa dalam pelayar IE dalam persekitaran setempat.
Seterusnya, mari lihat cara ia berfungsi dalam penyemak imbas Chrome Mula-mula, buka halaman createCookie.html dalam penyemak imbas Chrome, masukkan maklumat, dan klik butang serah Tangkapan skrin adalah seperti berikut:
Selepas melompat ke halaman showCookie.html, klik butang tunjukkan Kuki Tangkapan skrin halaman adalah seperti berikut:
Sama. prosedur, kali ini kuki berada dalam Chrome Ia gagal dijalankan dalam penyemak imbas.
Kemudian mari kita jalankan program ini dalam pelayan Kita perlu menggunakan xampp, buka pelayan Apache, dan letakkan dua fail html di atas dalam folder htdocs di bawah folder pemasangan xampp (kaedah operasi tertentu boleh. Rujuk blog ini: Menggunakan AJAX dengan JavaScript (untuk pemula)). Kami kini menjalankan program dalam pelayar IE, masukkan URL dalam pelayar IE: http://localhost/createCookie...:
Klik butang Hantar untuk melompat Pergi ke halaman showCookie.html dan klik butang show Cookie Tangkapan skrin adalah seperti berikut:
Kemudian kami masukkan URL dalam pelayar Chrome: http://localhost /createCookie... :
Klik butang Hantar, lompat ke halaman showCookie.html, dan klik butang tunjukkan Cookie Tangkapan skrin adalah seperti berikut:
Kali ini dalam persekitaran pelayan. , pelayar IE dan kuki penyemak imbas Chrome berfungsi dengan baik!
Di atas adalah keseluruhan kandungan bab ini Untuk lebih banyak tutorial berkaitan, sila lawati Tutorial Video JavaScript!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1392
52
Cara membaca fail txt dengan betul menggunakan panda
Jan 19, 2024 am 08:39 AM
Cara menggunakan panda untuk membaca fail txt dengan betul memerlukan contoh kod khusus Pandas ialah perpustakaan analisis data Python yang digunakan secara meluas. Ia boleh digunakan untuk memproses pelbagai jenis data, termasuk fail CSV, fail Excel, pangkalan data SQL, dll. Pada masa yang sama, ia juga boleh digunakan untuk membaca fail teks, seperti fail txt. Walau bagaimanapun, apabila membaca fail txt, kadangkala kami menghadapi beberapa masalah, seperti masalah pengekodan, masalah pembatas, dsb. Artikel ini akan memperkenalkan cara membaca txt dengan betul menggunakan panda
Di manakah kuki pada komputer anda?
Dec 22, 2023 pm 03:46 PM
Kuki pada komputer anda disimpan di lokasi tertentu pada penyemak imbas anda, bergantung pada penyemak imbas dan sistem pengendalian yang digunakan: 1. Google Chrome, disimpan dalam C:\Users\YourUsername\AppData\Local\Google\Chrome\User Data\Default \Cookies dll.
Di manakah kuki disimpan?
Dec 20, 2023 pm 03:07 PM
Kuki biasanya disimpan dalam folder kuki penyemak imbas antara muka pengurusan kuki yang disediakan oleh penyemak imbas anda untuk melihat dan mengurus kuki.
Petua praktikal untuk membaca fail txt menggunakan panda
Jan 19, 2024 am 09:49 AM
Petua praktikal untuk membaca fail txt menggunakan panda, contoh kod khusus diperlukan Dalam analisis data dan pemprosesan data, fail txt ialah format data biasa. Menggunakan panda untuk membaca fail txt membolehkan pemprosesan data yang cepat dan mudah. Artikel ini akan memperkenalkan beberapa teknik praktikal untuk membantu anda menggunakan panda dengan lebih baik untuk membaca fail txt, bersama-sama dengan contoh kod tertentu. Baca fail txt dengan pembatas Apabila menggunakan panda untuk membaca fail txt dengan pembatas, anda boleh menggunakan read_c
Petua untuk menyelesaikan aksara Cina yang kacau apabila menulis fail txt dengan PHP
Mar 27, 2024 pm 01:18 PM
Petua untuk menyelesaikan aksara Cina bercelaru yang ditulis oleh PHP ke dalam fail txt Dengan perkembangan pesat Internet, PHP, sebagai bahasa pengaturcaraan yang digunakan secara meluas, digunakan oleh semakin ramai pembangun. Dalam pembangunan PHP, selalunya perlu membaca dan menulis fail teks, termasuk fail txt yang menulis kandungan bahasa Cina. Walau bagaimanapun, disebabkan masalah format pengekodan, kadangkala tulisan Cina akan kelihatan bercelaru. Artikel ini akan memperkenalkan beberapa teknik untuk menyelesaikan masalah aksara Cina bercelaru yang ditulis ke dalam fail txt oleh PHP, dan menyediakan contoh kod khusus. Analisis masalah dalam PHP, teks
Kaedah praktikal untuk membaca data halaman web dengan Panda
Jan 04, 2024 am 11:35 AM
Kaedah praktikal membaca data halaman web dalam Pandas memerlukan contoh kod khusus Semasa analisis dan pemprosesan data, kita selalunya perlu mendapatkan data daripada halaman web. Sebagai alat pemprosesan data yang berkuasa, Pandas menyediakan kaedah yang mudah untuk membaca dan memproses data halaman web. Artikel ini akan memperkenalkan beberapa kaedah praktikal yang biasa digunakan untuk membaca data halaman web dalam Panda dan melampirkan contoh kod tertentu. Kaedah 1: Gunakan fungsi read_html() fungsi read_html() Pandas boleh membaca terus dari halaman web.
Contoh membaca dan menulis fail CSV menggunakan OpenCSV dalam Java
Dec 20, 2023 pm 01:39 PM
Contoh penggunaan OpenCSV untuk membaca dan menulis fail CSV dalam Java CSV (Comma-SeparatedValues) merujuk kepada nilai yang dipisahkan koma dan merupakan format storan data biasa. Di Java, OpenCSV ialah perpustakaan alat yang biasa digunakan untuk membaca dan menulis fail CSV. Artikel ini akan memperkenalkan cara menggunakan OpenCSV untuk melaksanakan contoh membaca dan menulis fail CSV. Memperkenalkan perpustakaan OpenCSV Pertama, anda perlu memperkenalkan perpustakaan OpenCSV kepada
Di manakah kuki mudah alih?
Dec 22, 2023 pm 03:40 PM
Kuki pada telefon mudah alih disimpan dalam aplikasi penyemak imbas peranti mudah alih: 1. Pada peranti iOS, Kuki disimpan dalam Tetapan -> Safari -> Lanjutan -> Data Laman Web pelayar Safari 2. Pada peranti Android, Kuki Disimpan; dalam Tetapan -> Tetapan tapak -> Kuki penyemak imbas Chrome, dsb.
