Membersihkan Penyimpanan Lokal HTML Local Storage Clear DOM
Sebelum memahami lebih dalam materi tentang Membersihkan Penyimpanan Lokal HTML Local Storage Clear DOM, terlebih dahulu pelajari materi tentang: Menghapus Item Penyimpanan HTML Menggunakan removeItem Storage DOM, Mengatur Penyimpanan Item HTML Menggunakan Storage setItem DOM, dan Mendapatkan Item Penyimpanan HTML Menggunakan Storage getItem DOM.
Sintak: localStorage.clear()
<!DOCTYPE html>
<html>
<head>
<style>
body
{
text-align: center;
}
h1
{
color: green;
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Storage clear() DOM
pada HTML
</h2>
<p>
Contoh untuk
mendemonstrasikan penggunaan
dari method penyimpanan
clear() untuk menghapus semua
item penyimpanan lokal pada
domain ini.
</p>
<p>
Script untuk menciptakan
beberapa item penyimpanan
lokal. Klik tombol untuk
menciptakan item:
</p>
<button
onclick="createItems()">
Create local storage items
</button>
<h2>
Display Items
</h2>
<p>
Klik tombol untuk menampilkan
semua item:
</p>
<button
onclick="displayItems()">
Display items
</button>
<p id="demo"></p>
<h2>
Remove Items
</h2>
<p>
Klik tombol untuk
membersihkan penyimpanan:
</p>
<button
onclick="deleteItems()">
Clear
</button>
<h2>
Menampilkan Item Lagi
</h2>
<p>
Klik tombol untuk menampilkan
semua item:
</p>
<button
onclick="displayItems()">
Display again
</button>
<p id="demo"></p>
<script>
function createItems()
{
// Mengatur item pada
// penyimpanan lokal.
localStorage.setItem("MakanDanMakan", "");
localStorage.setItem("HTML DOM", "");
localStorage.setItem("Storage Clear() Method", "");
}
function deleteItems()
{
// Membersihkan item
// penyimpanan lokal.
localStorage.clear();
}
function displayItems()
{
var l, i;
// Menampilkan item.
document.getElementById("demo").innerHTML = "";
for (i = 0; i < localStorage.length; i++)
{x = localStorage.key(i);
document.getElementById("demo").innerHTML += x;}
}
</script>
</body>
</html>
Blog Elfan
Properti Storage clear() DOM pada HTML
Contoh untuk mendemonstrasikan penggunaan dari method penyimpanan clear() untuk menghapus semua item penyimpanan lokal pada domain ini.
Script untuk menciptakan beberapa item penyimpanan lokal. Klik tombol untuk menciptakan item:
Display Items
Klik tombol untuk menampilkan semua item:
Remove Items
Klik tombol untuk membersihkan penyimpanan:
Menampilkan Item Lagi
Klik tombol untuk menampilkan semua item:
- Memainkan Video pada HTML Menggunakan Play VIDEO DOM
- Menghentikan Video HTML Menggunakan Pause VIDEO DOM
- Membaca Track Audio HTML Menggunakan audioTracks DOM
- Memutar Audio Otomatis pada HTML Menggunakan Autoplay DOM
- Mendapatkan Waktu Jeda HTML Menggunakan Buffered Audio DOM
- Mengatur Suara HTML Menggunakan Audio Kontrol DOM
- Mendapatkan URL Audio HTML Menggunakan currentSrc DOM
5 komentar untuk "Membersihkan Penyimpanan Lokal HTML Local Storage Clear 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 -
Jenis browser seperti apa saja yang dapat digunakan untuk mengaktifkan properti local storage clear() DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan pengembang untuk mengaktifkan properti properti local storage clear() DOM pada HTML:
Hapus1) Google Chrome 4.0
2) Internet Explorer 8.0
3) Mizilla Firefox 3.5
4) Opera 10.5
5) Safari 4.0
Apa yang dimaksud dengan local storage clear pada HTML?
BalasHapusMethod local storage clear pada HTML merpuakan method yang digunakan untuk menghapus item storage objek untuk nilai domain tertentu, dimana method ini juga dapat berupa object localStorage atau object sessionStorage.
HapusLocal storage clear berfungsi untuk menghapus semua nilai kunci yang disimpan pada object penyimpanan tertentu pada browser.
Hapus