HTML5 – Local Storage Özelliği

HTML5 ile gelen yerel depolama özelliği cookie’ye nazaran daha hızlı ve kullanımı kolaydır.

Başlangıç

Kullanmadan önce girilen tarayıcı için desteklenip desteklenmediğini anlamak için şu kontrol mekanizmasını kullanıyoruz.

if( typeof(Storage) !== "undefined" ) {
    // harika! hiçbir sorun yok.
} else {
    // Üzgünüm! tarayıcın çok eski!
}

Değer Oluşturma

Yeni bir değer oluştururken setItem() metodunu kullanıyoruz.

localStorage.setItem("isim", "Tayfun");

Değer Okuma

Oluşturduğumuz değeri anahtar ismiyle getItem() metodunu kullanarak okuyoruz.

alert( "Benim adım " + localStorage.getItem("isim") );

Tüm Değerleri Görme

Oluşturduğunuz tüm değerleri görmek için console’a localStorage objesini yazdırmanız yeterli.

console.log(localStorage);

Değer Silmek

Herhangi oluşturduğunuz bir değeri silmek için şöyle bir işlem yapabilirsiniz;

delete localStorage.isim;

Tarayıcı Desteği

IE8+ üzeri ve diğer tüm modern tarayıcılar desteklemektedir.

Son olarak..

Örneğin twitter’a baktığınızda çoğu şeyi kullanıcı taraflı depoladığını görebilirsiniz.