PHP: strefaphp.net
PHP: strefaphp.net



 
Czy odwiedziłeś już te strony? -
dodał: Vengeance

Opis artykułu dodano: 09-10-2004 19:33
Z artykule znajdziesz informację o obiekcie 'history' w javascript pozwalającym nam na zarządzanie historią przeglądarki (użytkownika)
dodał: Vengeance | autor: krasztolian | czytano: 4401 razy

Inne materiały do artykułu

Obiekt history w JavaScript
Obiekt history w JavaScript
1.Wprowadzenie
Witam jest to pierwszy artykuł o javascript na naszej stronie i myślę że komuś się przyda. Opisze w nim tak zwany Obiekt history czyli obiekt odpowiedzialny za historię w naszej przeglądarce. W artykule będzie o tym jak poruszać w historii odwiedzanych stron.

2.Teoria
Więc do poruszania się w historii będziemy odwoływać się do obiektu history:

Właściwości:

-history.length

Określa ilość adresów zapamiętanych na liście
Przykład użycia:

Kod:


<script language="JavaScript">
if(history.length=0)
alert("Wreszcie usunąłeś historię")
</script>



Metody:

-history.back()

Jest to chyba najczęściej używana metoda. Jak sama nazwa wskazuje ta funkcja posiada taką samą rolę jak funkcja Wstecz w Microsoft Internet Explorer. Nie będę podawał użycia bo każdy chyba wie o co chodzi

-history.forward()

To co wyżej tylko że zamiast wstecz to naprzód

-history.go(i)

Ta metoda zastępuje zarówno history.back() jak i history.forward. Ponieważ history.go(i) to nic innego jak kolejna funkcja służąca do poruszania się w historii używa się jej tym łatwiej że można odwołać się do któreś tam z kolei strony od końca. Polecenie history.back(-2) powoduje wyświetlenie drugiej od końca ostatnio odwiedzanych stron co daje taki sam efekt jakbyśmy dwukrotnie nacisnęli przycisk wstecz. Ale to jeszcze nie koniec i też może być stringiem co spowoduje wyświetlenie najbliższego adresu URL umieszczonego na liście(metoda ta nie bierze pod uwagę wielkości liter i adres podajemy oczywiście w cudzysłowach)

Przykład użycia:

Kod:


<INPUT TYPE=Button VALUE="Wstecz" onClick="history.go(-1)"> 
<INPUT TYPE=Button VALUE="Odśwież" onClick="history.go(0)"> 
<INPUT TYPE=Button VALUE="Dalej" onClick="history.go(1)"> 

PHP: strefaphp.net
wyślij email informacje forum download skrypty katalog kursy porady artykuły home współpraca reklama kontakt