Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Penyimpanan Sesi HTML sessionStorage Window DOM

Properti Window sessionStorage() DOM pada HTML merupakan properti yang digunakan untuk menyimpan kata kunci pada sebuah browser. Properti sessionStorage() merupakan properti yang menyimpan nilai atau keyword yang bersesuaian dalam sebuah browser hanya ketika sesi tersebut masih dijalankan, dan data akan mengalami expired ketika session terbaru sudah di-load.

Penggunaan Properti sessionStorage() Window DOM pada HTML
Properti sessionStorage DOM HTML

Sebelum memahami lebih dalam materi tentang Mengatur Penyimpanan Sesi HTML sessionStorage Window DOM, terlebih dahulu pelajari materi tentang: Mengatur Koordinat Y HTML Menggunakan screenY Window DOM [klik], Mengatur Nilai X Layar Monitor HTML Menggunakan screenX Window DOM [klik], dan Mengatur Layar Atas HTML Menggunakan screenTop Window DOM [klik].

Sintak:
window.sessionStorage

Return Type: berfungsi untuk mengembalikan nilai Storage object.

Berikut adalah ilustrasi program penggunaan properti Window sessionStorage().

Baca Juga:

Contoh: pembuatan sebuah sesi nama atau nilai yang bersesuaian.

<!DOCTYPE>

<html>

 

<head>

 

<title>

Properti Window sessionStorage 

DOM pada HTML

</title>

 

<style>

h1 

{

color: green;

}

 

h2 

{

font-family: Impact;

}

 

body 

{

text-align: center;

}

</style>

 

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti Window sessionStorage

</h2>

 

<p>

Untuk menampilkan nilai dari 

kata kunci yang saling 

bersesuaian menggunakan 

sessionStorage, lakukan double 

klik pada tombol "Display 

Data":

</p>

 

<button 

ondblclick="Storage()">

Display Data

</button>

 

<div id="myID"></div>

 

<script>

function Storage() 

{

 

if (typeof(Storage) !== "undefined") {

sessionStorage.setItem("course", "Fork CPP");

 

document.getElementById("myID").innerHTML =

sessionStorage.getItem("course");

 

else {

document.getElementById("myID").innerHTML =

"The browser does not support Web Storage.";

}

 

}

 

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Window sessionStorage

Untuk menampilkan nilai dari kata kunci yang saling bersesuaian menggunakan sessionStorage, lakukan double klik pada tombol "Display Data":


Artikel ini didedikasikan kepada: Muhammad Ahsan Ismail, Muhammad Arkan Abyasa, Muhammad Ferdiansyach Nursy Saputra, Muhammad Iqra Orisha I.B.Matong, dan Muhammad Irsyad Rizali Rachmad.

5 komentar untuk "Mengatur Penyimpanan Sesi HTML sessionStorage Window DOM"

  1. Sebutkan lima jenis browser yang dapat digunakan untuk mengaktifkan properti window sessionStorage DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut ini diperlihatkan lima jenis contoh browser populer yang dapat digunakan untuk mengaktifkan properti window sessionStorage DOM pada HTML:
      A. Google Chrome
      B. Internet Explorer
      C. Firefox
      D. Opera
      E. Safari

      Hapus
  2. Apa yang dimaksud dengan properti sessionStorage DOM pada dokumen HTML?

    BalasHapus
    Balasan
    1. Properti object sesstionStorage Window DOM pada HTML merupakan properti yang memungkinkan user untuk melakukan penyimpanan nilai keyword atau nilai tertentu lainnya pada browser yang sedang digunakan.

      Hapus
    2. Properti sessionStorage merupakan properti yang hanya menyimpana data hanya pada satu sesi saja, dimana data tersebut akan langsung dihapus ketika browser yang digunakan telah ditutup. Karena hal tersebut, maka properti sessionStorage tidak memerlukan data waktu expired setiap kali melakukan penyimpanan data pada browser.

      Hapus

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 -