Aller à la page précédente et suivante en javascript objet history

---

Bonjour,
Il vous est sûrement déjà arrivé de vouloir faire un bouton pour reculer ou avancer dans l'historique:


il existe un objet en javascript qui permet de gérer ça: history.
Voici les différentes propriétés et méthodes de cet objet:

• back
• forward
• go
• length

back

La methode back sert tout simplement à revenir en arrière, c'est l'équivalent du bouton Précédent dans votre navigateur exemple:
<a href="#null" onclick="javascript:history.back();">Précédent</a>

forward

La methode forward fait le contraire de la methode back, elle vous redirige vers la page suivante si elle existe bien sur, si ce n'est pas le cas, rien ne se produit. C'est l'équivalent du bouton Suivant dans votre navigateur exemple:
<a href="#null" onclick="javascript:history.forward();">Suivant</a>

go

La methode go est la plus complexe même si elle reste simple. elle permet de revenir en arrière ou d'avancer mais avec la possibilité de sauter des pages. exemple:
Voici le contenu de l'historique:

• http://www.google.com/
• http://mail.google.com/
• http://www.supportduweb.com/ (page actuellement visitée)
• http://www.w3.org
• http://www.youtube.com

go(0); vous enverra vers http://www.supportduweb.com/ puisque c'est la page ou vous étiez.
go(-2); vous enverra vers http://www.google.com/ car vous reculez de deux pages.
go(1); vous enverra vers http://www.w3.org car vous avancez d'une page.

length

La propriété length permet de récupérer de nombre de pages dans l'historique.
Exemple :
document.write("Votre historique contient:"+history.length+" page(s)"); C'est tout
merci

---

Scripts et Tutoriels similaires

Recharger/Actualiser une page en javascript Ouvrir une nouvelle fenêtre (Pop-up) en javascript - window.open tutoriel Ouvrir une nouvelle fenêtre (Pop-up) et la centrer en javascript Système d'onglets en Javascript, (X)html et CSS dans la même page Image qui suit la souris en Javascript