Lompat ke konten
A alfach.com

Tutorial SessionStorage di HTML5

A alfach.com
1 menit baca

SessionStorage adalah attribut DOM yang didefinisikan oleh HTML5, menggunakan objek global atau bisa dikatakan sebagai instans dari window javascript.

sessionStorage merupakan objek dengan tipe  Storage yang dapat menyimpan dengan nilai yang diberikan pada saat inisiali tiap window. sessionStorage dibuat berdasarkan request user dan akan terhapus ketika sudah tidak ada akses/terputus pada window tersebut. sessionStorage sudah diimplementasikan pada browser sejak Firefox 3, Internet Explorer 8 dan Chrome, Safari.

Metode pada Storage interface
























Type Name & arguments Purpose
DOMString key(int)
Returns the name of a key at the index in argument.
DOMString getItem(DOMString)

Returns the value of the key.
void setItem(DOMString, DOMString)

Assigns a value to a key.
void removeItem(DOMString)

Removes the key whose name is in argument.
void clear()

Clear the storage space. All keys are removed.

Test Kompatibilitas

Untuk mengetahui apakah browser yang anda gunakan mendukung untuk menggunakan sessionStorage dapat dilakukan dengan:

JavaScript
if(sessionStorage == null) document.write("Storage not supported by the browser");


Dan jika didukung maka akan menampilkan:

Shell
sessionStorage supported

Cara Menggunakan

Shell
sessionStorage.login = "user";


atau

Kode
sessionStorage["login"] = "user";


Lalu anda dapat mengambil nilai yang disimpan dengan cara:

Shell
var login = sessionStorage.login;


Selamat mencoba

Tag html5 Web

Bacaan terkait

php

Menerapkan IP Blocker di Laravel

Untuk meningkatkan security di website, salah satunya dengan menerapkan IP blocker atau mem-blokir IP address yang mengakses website. Di laravel salah satunya dengan...

1 menit

Komentar (0)

Belum ada komentar. Jadilah yang pertama.

Tulis komentar

Komentar akan dimoderasi sebelum tampil.

Tidak akan dipublikasikan.