Historique - scripts

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. history ne gère pas votre historique mais plutôt l'historique de la session ou de la fenêtreVoici 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:

 Code: (X)html<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:

 Code: (X)html<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 :

Code: JavaScriptdocument.write("Votre historique contient:"+history.length+" page(s)");

Certains navigateur limites l'historique par défaut, firefox par exemple le limite à 50 donc, si vous visitez plus de 50 pages vous ne pourrez aller au maximum qu'au 50 pages qui suives ou précèdes.