Home / Mobile / Tutorial SessionStorage di HTML5

Tutorial SessionStorage di HTML5

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:

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

Dan jika didukung maka akan menampilkan:

sessionStorage supported

Cara Menggunakan

sessionStorage.login = "user";

atau

sessionStorage["login"] = "user";

Lalu anda dapat mengambil nilai yang disimpan dengan cara:

var login = sessionStorage.login;

Selamat mencoba

About alfach

Check Also

mqdefault

Instalasi Laravel Di Ubuntu/Linux Mint

Mungkin tutorial ini terlewat, karena sudah ada beberapa tulisan mengenai laravel, tapi yang paling dasar ...

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>