Menggunakan HTML5 Storage

Hyper Text Markup Language (HTML) yaitu sebuah bahasa pemrograman yang digunakan bagi membangun sebuah halaman web,  HTML5 Storage  adalah sebuah  cara berjenis-jenis halaman web bagi menyimpan  pasasangan kunci/kunci secara lokal, pada browser klien. Seperti halnya data yang di simpan pada cookies, data ini tetap ada bahkan setelah sahabat menavigasi jauh dari situs web, menutup tab browser, atau keluar dari browser Kamu, Tetapi tak seperti cookie, data ini tak pernah dikirim ke web server.

seperti hal contoh di bawah ini;

interface Storage
{
  getter any getItem(in DOMString key);
  setter creator void setItem(in DOMString key, in any data);
};

Memanggil funghsi setItem() dengan nama kunci yang telah ada akan mengganti nilai di nama kunci yang lama,. Memanggil manfaat  getItem() dengan nama  kunci yang belum ada akan menghasilkan null.

Seperti di objek  Javascript lainnya,  Kamu dapat memperlakukan objek localStorage selaku array asosiatif .  daripada menngunakan getItem() dan setItem() sistem, sahabat dapat menggunakan  hanya tanda kurung siku saja:

var foo = localStorage.getItem(bar);

//...

localStorage.setItem(bar, foo);

 

kode di atas dapat ditulis menggunakan tanda kurung siku;

var foo = localStorage [bar] = foo ;

 

bagi menghapus nilai pada kunci dan menghapus seluruh data pada tempat penyimpanan ,  Kamu dapat menggunakan kode berikut;

interface Storage
{
  deleter void removeItem (in DOMString key);
  void clear();
};

bagi memperoleh jumlah total nilai yang tersimpan, dan bagi interasi seluruh kunci menurut indeks, sahabat dapat menggunakan property berikut;

interface Storage 
{
  readonly attribute unsigned long length;
  getter DOMstring key(in unsigned long index);
};

Bagi melacak perubahan yang terjadi di tempat penyimpanan, sahabat dapat menggunakan event storage. Bila sahabat memilih menggunakan Jqueryb daripada Javascript bagi mendaftarkan event method, sahabat dapat melakukannya seperti ini;

if (window.addEventListener)

{

       window.addEventListener(storage, handle_storage, false);

}  else

{

  window.attacEvent(onstorage, handle_storage);    

};

manfaat callback handle_storage() akan dipanggil dengan object StkorageEvent, kecuali di internet Explorer yang menyimpan object event di window.event;

function handle_storage(e)
{
  if (!e) {e = window.event;}
}

Oke itu lah penjelasan saya mengenai Menggunakan HTML5 Storage, semoga dapat bermanfaat.

 

 

 

 

Sumber https://kursuswebsite.org