• Navigation - page précédente & suivante •
Objet javascript history

Il est possible de créer facilement des boutons de navigation, afin d'accéder aux pages précédentes ou suivantes, d'un site web.
Pour cela on peut utiliser l'objet javascript history, qui permet de récupérer les informations contenu dans l'historique d'un navigateur.
L'objet javascript est alors appellé depuis un ancrage HTML.
Les deux syntaxes suivantes sont possibles pour les trois méthodes :

<a href="#null" onclick="javascript:history.NomDeLaMethode();">Action</a>
OU
<a href="javascript:history.NomDeLaMethode();">Action</a>
Méthode back

La methode back sert à reculer, d'une position, dans l'historique, c'est l'équivalent du bouton "Précédent".

<a href="#null" onclick="javascript:history.back();">Précédent</a>
Méthode forward

La methode forward sert à avancer, d'une position, dans l'historique, c'est l'équivalent du bouton "Suivant".

<a href="#null" onclick="javascript:history.forward();">Suivant</a>
Méthode go

La methode go sert à reculer ou avancer de X position dans l'historique.

Utiliser la méthode go avec une valeur -X permet de reculer dans l'historique de X (ou X est un entier) positions depuis la page actuelle.

<a href="#null" onclick="javascript:history.go(-X);">Premier</a>

Utiliser la méthode go avec la valeur -1 revient au même résultat que d'utiliser la méthode back.

<a href="#null" onclick="javascript:history.go(-1);">Précédent</a>

Utiliser la méthode go avec une valeur 0 permet de recarger la page actuelle.

<a href="#null" onclick="javascript:history.go(0);">Actualiser</a>

Utiliser la méthode go avec la valeur 1 revient au même résultat que d'utiliser la méthode forward.

<a href="#null" onclick="javascript:history.go(1);">Suivant</a>

Utiliser la méthode go avec une valeur X permet d'avancer dans l'historique de X (ou X est un entier) positions depuis la page actuelle.

<a href="#null" onclick="javascript:history.go(X);">Dernier</a>

Dans tous les cas si la page précédente ou suivante n'éxiste pas, rien ne se passe.
Propriété length

La propriété length permet de récupérer de nombre de pages contenues dans l'historique.


Il est important de noter que les navigateurs offrent un nombre de pages historisées limité dans une pile FIFO (premier entré, premier sorti).