JavaScript : l'objet history
La position des objets history et location est spéciale, puisqu'ils n'influent pas sur le contenu du document (revoir la structure hiérarchique des objets).
Une liste des pages récemment visitées est mémorisée par le navigateur, et donc par chaque fenêtre. C'est l'objet history qui, au travers de l'objet DOM window, nous permet, par les URL des pages visitées, de naviguer vers l'avant ou vers l'arrière. Cependant, pour des raisons de confidentialités et de sécurité imposées par les navigateurs, il était impossible d'influer sur ces pages au moyen d'un script3.
Il est possible de se déplacer dans l'historique de la navigation au moyen des méthodes back(), forward(), et go().
Propriétés et méthodes
Reculer dans l'historique de navigation
Les navigateurs intègrent des boutons pour reculer (ou avancer si l'on a précédement reculé dans l'historique de navigation), mais il est possible de provoquer ces actions en JavaScript.
Code JavaScript (Reculer dans l'historique) (1 ligne)
window.history.back();
Avancer dans l'historique de navigation
Code JavaScript (Avancer dans l'historique) (1 ligne)
window.history.forward();
Aller à une page de l'historique de navigation
Il est possible de se rendre directement à un endroit précis de l'historique de navifgation en utilisant history.go(). Nous pouvons donc charger une page spécifique de l'historique de navigation, en se déplacant d'un certain nombre de positions vers l'avant (chiffre positif), ou vers l'arrière (chiffre négatif). Il s'agit donc d'un déplacement relatif, la page en cours étant la page 0.
Code JavaScript (Aller à une page de l'historique) (5 lignes)
//reculer d'une page window.history.go(-1); //avancer de deux pages window.history.go(2);
Nombre de pages de l'historique de navigation
Code JavaScript (Nombre de pages dans l'historique) (1 ligne)
var historyCount = window.history.length;
Document créé le 19/03/2002, dernière modification le 03/11/2018
Source du document imprimé : https://www.gaudry.be/javascript-window-history.html
L'infobrol est un site personnel dont le contenu n'engage que moi. Le texte est mis à disposition sous licence CreativeCommons(BY-NC-SA). Plus d'info sur les conditions d'utilisation et sur l'auteur.
- ↑ Document Object Model : correspond à « modèle d'objets de document » en français
- ↑ DOM : “Document Object Model” (en français, « modèle d'objets de document ») Le DOM est la structure en arbre du contenu du document.
- ↑ Modifier l'historique de navigation : Depuis HTML5, il existe history.pushState() et history.replaceState() pour ajouter des entrées ou modifier l'historique de navigation.