Recherche…
Syntaxe
- window.history.pushState (domaine, titre, chemin);
- window.history.replaceState (domaine, titre, chemin);
Paramètres
| Paramètre | Détails |
|---|---|
| domaine | Le domaine que vous souhaitez mettre à jour |
| Titre | Le titre à mettre à jour à |
| chemin | Le chemin pour mettre à jour vers |
Remarques
L'API d'historique HTML5 n'est pas implémentée par tous les navigateurs et les implémentations ont tendance à différer entre les fournisseurs de navigateurs. Il est actuellement pris en charge par les navigateurs suivants:
- Firefox 4+
- Google Chrome
- Internet Explorer 10+
- Safari 5+
- iOS 4
Si vous souhaitez en savoir plus sur les implémentations et méthodes de l'API History, reportez-vous à l'état de l'API HTML5 History .
history.replaceState ()
Syntaxe:
history.replaceState(data, title [, url ])
Cette méthode modifie l'entrée de l'historique en cours au lieu d'en créer une nouvelle. Principalement utilisé lorsque nous voulons mettre à jour l'URL de l'entrée d'historique en cours.
window.history.replaceState("http://example.ca", "Sample Title", "/example/path.html");
Cet exemple remplace l'historique en cours, la barre d'adresse et le titre de la page.
Notez que ceci est différent de history.pushState() . Qui insère une nouvelle entrée d'historique, plutôt que de remplacer celle en cours.
history.pushState ()
Syntaxe:
history.pushState(state object, title, url)
Cette méthode permet d'ajouter des entrées d'historique. Pour plus d'informations, consultez ce document: Méthode pushState ()
Exemple :
window.history.pushState("http://example.ca", "Sample Title", "/example/path.html");
Cet exemple insère un nouvel enregistrement dans l'historique, la barre d'adresse et le titre de la page.
Notez que ceci est différent de history.replaceState() . Qui met à jour l'entrée de l'historique en cours, plutôt que d'en ajouter une nouvelle.
Charger une URL spécifique à partir de la liste d'historique
méthode go ()
La méthode go () charge une URL spécifique à partir de la liste d'historique. Le paramètre peut être un nombre allant à l'URL dans la position spécifique (-1 remonte d'une page, 1 avance d'une page) ou d'une chaîne. La chaîne doit être une URL partielle ou complète et la fonction ira à la première URL qui correspond à la chaîne.
Syntaxe
history.go(number|URL)
Exemple
Cliquez sur le bouton pour revenir en arrière de deux pages:
<html>
<head>
<script type="text/javascript">
function goBack()
{
window.history.go(-2)
}
</script>
</head>
<body>
<input type="button" value="Go back 2 pages" onclick="goBack()" />
</body>
</html>