History API nedir?

JavaScript kursu · İleri seviye · Ders 78/100

Tarayıcı oturum geçmişiyle çalışmanın temelini ve history nesnesini öğrenirsin.

History API nedir?

Tarayıcının oturum geçmişi (session history), ziyaret ettiğin sayfaların sıralı bir listesidir. Bu listeye window.history nesnesi üzerinden erişirsin. History API, bu geçmişle çalışmanın standart yoludur.

console.log(history.length);
history.back();

history nesnesi geçmişe kayıt eklemek, mevcut kaydı değiştirmek ve geri veya ileri dolaşmak için yöntemler sunar. En sık kullanılanları back(), forward(), go() ve length özelliğidir.

Gezinme yöntemleri

history.length oturum geçmişindeki kayıt sayısını verir. Tek bir sayfadan oluşan yeni bir sekmede bu değer 1'dir.

console.log(history.length);
history.back();
history.forward();
history.go(-2);

back() bir adım geri, forward() bir adım ileri gider. go(n) ise n kadar ileri (pozitif) veya geri (negatif) atlar; go(0) sayfayı yeniden yükler.

Uygulama Gezinme yöntemlerini çağır

history.length değerini console.log ile yazdır. Sonra history.back(), history.forward() ve history.go(-2) çağrılarını yaz.

Örnek çözümü göster

console.log(history.length);
history.back();
history.forward();
history.go(-2);

Kendini test et

Hangisi tarayıcının oturum geçmişini temsil eder?
- window.location
- window.navigator
- window.history
- window.screen
Cevabı göster

window.history — Doğru! window.history oturum geçmişini temsil eder.

Bir adım geri git

// bir adım geri git
____;

Cevabı göster

// bir adım geri git
history.back();

History yöntemlerini eşleştir

history.back()

bir adım geri
history.forward()

bir adım ileri
history.go(-2)

iki adım geri
history.length

kayıt sayısı

History API nedir?