Menganalisis Pola Kunjungan HTML Menggunakan Cookie DOM
Sintak: document.cookie
<!DOCTYPE html>
<html>
<head>
<title>
Cookie
</title>
<style>
h1
{
color:green
}
</style>
</head>
<body onload="getCookies()">
<h1>
Blog Elfan
</h1>
<h3>
Cookies disiapkan pada dokumen berikut:
</h3>
<!-- Paragraph element untuk menampilkan semua all cookies -->
<p id="cookies"></p>
<!-- Melakukan Fetch cookies dan menampilkannya pada bagian atas paragraf elemen -->
<script>
function getCookies()
{
document.getElementById("cookies").innerHTML =
document.cookie;
}
</script>
</body>
</html>
- expires=date: Tanggal pada format GMT. Secara default, cookie akan expire ketika browser ditutup.
- path=path: menentukan direktori untuk menyimpan cookie pada komputer. Secara default, path diatur menuju path dari lokasi dokumen saat ini.
- max-age=seconds
- domain=domainname: menentukan nama domain dari cookie. Jika tidak ditentukan, maka nilai default-nya adalah nama domain dari halaman saat ini.
- secure=boolean: ditentukan jika cookie harus dikirim ke sepanjang https server.
Sintak: document.cookie = NewCookie
<!DOCTYPE html>
<html>
<head>
<title>
Cookie
</title>
<style>
h1
{
color:green
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<!-- Nama Cookie -->
<input
type="text"
id="key"
placeholder="Name">
<!-- Value Cookie -->
<input
type="text"
id="val"
placeholder="Value">
<br>
<!-- button to set Cookie -->
<button
onclick="setCookie()">
Mengatur Cookie
</button>
<br>
<!-- Tombol get Cookie -->
<button
onclick="getCookie()">
Get Cookie
</button>
<!-- Elemen Paragraf Kosong untuk Menampilkan Cookie -->
<p id="cookies"></p>
<script>
// Set Cookie
function setCookie()
{
document.cookie =
document.getElementById('key').value + "="
+ document.getElementById('val').value;
}
// Get Cookie
function getCookie()
{
document.getElementById("cookies").innerHTML =
document.cookie;
}
</script>
</body>
</html>
Output:Blog Elfan
- 4 Tahap Menciptakan Elemen Menggunakan Method createElement() DOM
- 16 Event Method Penggunaan createEvent DOM pada HTML
- Cara Penggunaan Method createTextNode() DOM pada HTML
- 2 Contoh Penggunaan Properti defaultView pada DOM HTML
- 2 Contoh Penggunan designMode DOM HTML
- Cara Penggunaan Properti doctype DOM pada HTML
- Cara Penggunaan Properti documentElement DOM pada HTML
6 komentar untuk "Menganalisis Pola Kunjungan HTML Menggunakan Cookie DOM"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Apa yang dimaksud dengan properti cookie pada elemen html?
BalasHapusProperti cookie pada DOM HTML digunakan untuk membuat, membaca, dan menghapus cookie. Cookie digunakan oleh situs web untuk melacak informasi spesifik pengguna. Cookie dalam format key=value pair. Cookie akan dihapus segera setelah browser ditutup tetapi pengguna tetap dapat menemukan tanggal kadaluwarsanya.
HapusApa yang dimaksud dengan cookie pada web browser?
BalasHapusCookie HTTP atau Cookie Web Browser adalah potongan kecil data yang dikirimkan server ke web browser pengguna. Browser dapat menyimpan cookie tersebut dan mengirimkannya kembali ke server yang sama dengan permintaan selanjutnya.
HapusSebutkan jenis browser yang dapat digunakan untuk mengaktifkan properti cookie pada html?
BalasHapusBerikut adalah jenis browser yang dapat digunakan untuk mengaktifkan cookie properti pada html:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari