Membuat Kunci Penyimpanan HTML Menggunakan Storage Key DOM
Properti Storage key() DOM pada HTML merupakan properti yang berkaitan dengan objek penyimpanan dan digunakan untuk mengembalikan nama dari kunci dengan indeks spesifik. Objek penyimpanan dapat berupa object localStorage atau sessionStorage.
Sebelum memahami lebih dalam materi tentang Membuat Kunci Penyimpanan HTML Menggunakan Storage Key DOM, terlebih dahulu pelajari materi tentang: Menghentikan Layar HTML Menggunakan Stop Window DOM [klik], Mengatur Waktu HTML setTimeout dan setInterval Window DOM [klik], dan Melakukan Gulir HTML Menggunakan scrollTo Window DOM [klik].
Sintak:
Parameter Properti: berfungsi untuk menerima sebuah parameter berupa indek untuk mendapatkan nama dari key dengan indek tertentu yang telah diberikan.
Return Values: digunakan untuk mengembalikan nama dari key pada form string.
Berikut adalah kode HTML yang digunakan untuk menampilkan cara kerja dari Storage DOM HTML object key().
 |
| Properti Storage Key DOM |
Sintak:
- Local storage: localStorage.key(index)
- Session storage: sessionStorage.key(index)
Parameter Properti: berfungsi untuk menerima sebuah parameter berupa indek untuk mendapatkan nama dari key dengan indek tertentu yang telah diberikan.
Baca Juga:
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Storage key() DOM
pada HTML
</title>
<!-- Script untuk mendapatkan
nama dari key -->
<script>
function myDon1s()
{
var key = localStorage.key(0);
document.getElementById(
"Don1s").innerHTML = key;
}
</script>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Storage key() DOM
pada HTML
</h2>
<br>
<button
onclick="myDon1s()">
Submit
</button>
<p id="Don1s"></p>
</body>
</html>
Output:
Blog Elfan
Properti Storage key() DOM pada HTML
Referensi Tambahan:
- Membersihkan Penyimpanan Lokal HTML Menggunakan Local Storage Clear DOM [klik]
- Mengatur Objek Suara HTML Menggunakan Audio Object DOM [klik]
- Mengatur Objek Video HTML Menggunakan Video Object DOM [klik]
- Mengetahui Tipe Video pada HTML menggunakan canPlayType DOM [klik]
- Memutar Video HTML Menggunakan Load DOM [klik]
- Memainkan Video pada HTML Menggunakan Play VIDEO DOM [klik]
- Menghentikan Video HTML Menggunakan Pause VIDEO DOM [klik]
Artikel ini didedikasikan kepada: Pramudya Adam Ramadhani, Putri Sriwardani, Rakhmat Purnan Ainal Yaqin, Regina Dinda Pramesti, dan Reska Dwi Oktaviani.
Sebutkan minimal lima jenis browser populer yang dapat digunakan untuk mengaktifkan properti storage key properti DOM pada HTML?
BalasHapusBerikut ini diperlihatkan lima jenis contoh browser yang dapat digunakan untuk mengaktifkan properti storage key() properti DOM pada HTML:
Hapusaa. Google Chrome 4
bb. Internet Explorer 8
cc. Firefox 3.5
dd. Opera 10.5
ee. Safari 4
Apa yang dimaksud dengan storage key DOM pada HTML?
BalasHapusMethod HTML DOM Storage key() atau kunci penyimpanan merupakan method yang digunakan untuk mengembalikan nama kunci pada indeks tertentu dalam suatu objek penyimpanan.
HapusProperti key berfungsi untuk mengembalikan nama item penyimpanan yang telah diubah, dimana peristiwa penyimpanan hanya dapat dipicu ketika window selain windows itu sendiri sedang membuat suatu perubahan tertentu.
Hapus