JavaScript & BOM - Window History

Istorijski objekt (History Object)

Svojstvo history objekta Window odnosi se na objekt History. Sadrži istoriju sesija pretraživača, listu svih posjećenih stranica u trenutnom okviru ili prozoru. Budući da je Window globalni objekt i nalazi se na vrhu lanca opsega, svojstvima Window objekta, tj. window.history može se pristupiti bez window. prefiks, na primjer window.history.length može se zapisati kao history.length. Sljedeći dio će vam pokazati kako doći do informacija o korisničkoj istoriji pregledavanja. Međutim, iz sigurnosnih razloga skriptama nije dozvoljen pristup pohranjenim URL-ovima.


Dobijanje broja posjećenih stranica

Svojstvo window.history.length može se koristiti za dobijanje broja stranica u istoriji sesija pretraživača za trenutni prozor. Sadrži i trenutno učitanu stranicu. Pomoću ovog svojstva možete saznati koliko je stranica korisnik posjetio tokom trenutne sesije pretraživača, kao što je pokazano u sljedećem primjeru: 

<script>
function getViews() {
    alert("Posjetio si " + history.length + " web stranice u ovoj sesiji.");
}
</script>
 
<button type="button" onclick="getViews();">Prikaži broj sesija</button>
Pogledajmo kako koristiti primjer u praksi:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>JavaScript Preuzimanje dužine istorije</title>
</head>
<body>
    <script>
    function getViews() {
        alert("Posjetio si " + history.length + " web stranice u ovoj sesiji.");
    }
    </script>
     
    <button type="button" onclick="getViews();">Prikaži broj sesija</button>
</body>
</html>

Povratak na prethodnu stranicu

Možete koristiti metodu back() objekta History, tj. history.back() za povratak na prethodnu stranicu u istoriji sesija. To je isto kao da kliknete natrag dugme pretraživača. 

<script>
function goBack() {
    window.history.back();
}
</script>
 
<button type="button" onclick="goBack();">Idi nazad</button>

Ako je dugme za povratak u pretraživaču aktivan, klikom na IDI NAZAD vratićete se jedan korak unazad.


Prelazak na sljedeću stranicu

Možete koristiti metodu forward() objekta History, tj. history.forward() za prelazak na sljedeću stranicu u istoriji sesija. To je isto kao da kliknete tipku za naprijed u pretraživaču. 

<script>
function goForward() {
    window.history.forward();
}
</script>
 
<button type="button" onclick="goForward();">Idi naprijed</button>

Ako je dugme za prosljeđivanje vašeg pretraživača aktivan, klikom na IDI NAPRIJED prećićete na jedan korak naprijed.


Odlazak na određenu stranicu

Takođe možete učitati određenu stranicu iz istorije sesije pomoću metode go() objekta History, tj. history.go(). Ova metoda uzima cijeli broj kao parametar. Negativni cijeli broj kreće se unazad u istroiji, a pozitivni cijeli broj kreće se naprijed u istoriji sesije. 

window.history.go(-2);  // Idi nazad dvije stranice
window.history.go(-1); // Idi nazad jednu stranicu
window.history.go(0);  // Ponovo učitaj trenutnu stranicu
window.history.go(1);  // Idi jednu stranicu unaprijed
window.history.go(2);  // Idi dvije stranicu unaprijed