Zoeken…
Syntaxis
- window.history.pushState (domein, titel, pad);
- window.history.replaceState (domein, titel, pad);
parameters
| Parameter | Details |
|---|---|
| domein | Het domein waarnaar u wilt bijwerken |
| titel | De titel waarnaar moet worden bijgewerkt |
| pad | Het pad om bij te werken |
Opmerkingen
De HTML5 History API wordt niet door alle browsers geïmplementeerd en implementaties verschillen meestal tussen browsers. Het wordt momenteel ondersteund door de volgende browsers:
- Firefox 4+
- Google Chrome
- Internet Explorer 10+
- Safari 5+
- iOS 4
Als u meer wilt weten over de implementaties en methoden van de History API, raadpleegt u de status van de HTML5 History API .
history.replaceState ()
Syntaxis:
history.replaceState(data, title [, url ])
Met deze methode wordt het huidige geschiedenisitem gewijzigd in plaats van een nieuwe te maken. Wordt voornamelijk gebruikt wanneer we de URL van het huidige geschiedenisitem willen bijwerken.
window.history.replaceState("http://example.ca", "Sample Title", "/example/path.html");
Dit voorbeeld vervangt de huidige geschiedenis, adresbalk en paginatitel.
Merk op dat dit anders is dan de history.pushState() . Hiermee wordt een nieuw geschiedenisitem ingevoegd in plaats van het huidige item te vervangen.
history.pushState ()
Syntaxis:
history.pushState(state object, title, url)
Met deze methode kunnen geschiedenissen worden toegevoegd. Raadpleeg dit document voor meer informatie: methode pushState ()
Voorbeeld:
window.history.pushState("http://example.ca", "Sample Title", "/example/path.html");
In dit voorbeeld wordt een nieuw record ingevoegd in de geschiedenis, de adresbalk en de paginatitel.
Merk op dat dit anders is dan de history.replaceState() . Hiermee wordt het huidige geschiedenisitem bijgewerkt in plaats van een nieuwe toe te voegen.
Laad een specifieke URL uit de geschiedenislijst
go () methode
De methode go () laadt een specifieke URL uit de geschiedenislijst. De parameter kan een getal zijn dat naar de URL binnen de specifieke positie gaat (-1 gaat één pagina terug, 1 gaat één pagina vooruit), of een tekenreeks. De tekenreeks moet een gedeeltelijke of volledige URL zijn en de functie gaat naar de eerste URL die overeenkomt met de tekenreeks.
Syntaxis
history.go(number|URL)
Voorbeeld
Klik op de knop om twee pagina's terug te gaan:
<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>