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.

DyenU2U[1]

Yayınlayan

Tayfun Erbilen

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“HTML5 Local Storage Özelliği” üzerine 6 yorum

  1. Çok başarılı, Teşekkürler.
    Yorumu yazıp göndermeden önce sayfayı yenilemeyin.
    Burda aktif değilmiş (=

  2. Gerçekten çok işe yarıyacak bir özellik. Anlatım için teşekkürler…

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir