Sök…
Syntax
- windows.history.pushState (domän, titel, sökväg);
- windows.history.replaceState (domän, titel, sökväg);
parametrar
| Parameter | detaljer |
|---|---|
| domän | Domänen du vill uppdatera till |
| titel | Titeln som ska uppdateras till |
| väg | Sökvägen att uppdateras till |
Anmärkningar
HTML5 History API implementeras inte av alla webbläsare och implementeringar tenderar att skilja sig mellan webbläsare. Det stöds för närvarande av följande webbläsare:
- Firefox 4+
- Google Chrome
- Internet Explorer 10+
- Safari 5+
- iOS 4
Om du vill ta reda på mer om implementeringarna och metoderna för Historiska API: er, se tillståndet för HTML5 Historia API .
history.replaceState ()
Syntax:
history.replaceState(data, title [, url ])
Den här metoden modifierar den aktuella historikposten istället för att skapa en ny. Används främst när vi vill uppdatera URL till den aktuella historikposten.
window.history.replaceState("http://example.ca", "Sample Title", "/example/path.html");
Detta exempel ersätter aktuell historik, adressfält och sidtitel.
Observera att detta skiljer sig från history.pushState() . Som infogar en ny historikpost istället för att ersätta den nuvarande.
history.pushState ()
Syntax:
history.pushState(state object, title, url)
Denna metod gör det möjligt att lägga till historikposter. För mer referens, ta en titt på detta dokument: pushState () -metoden
Exempel:
window.history.pushState("http://example.ca", "Sample Title", "/example/path.html");
Det här exemplet infogar en ny post i historik, adressfält och sidtitel.
Observera att detta skiljer sig från history.replaceState() . Vilket uppdaterar den aktuella historikposten istället för att lägga till en ny.
Ladda en specifik URL från historielistan
go () -metod
Go-metoden laddar en specifik URL från historielistan. Parametern kan antingen vara ett nummer som går till URL: en inom den specifika positionen (-1 går tillbaka en sida, 1 går framåt en sida), eller en sträng. Strängen måste vara en delvis eller full URL, och funktionen går till den första URL som matchar strängen.
Syntax
history.go(number|URL)
Exempel
Klicka på knappen för att gå tillbaka två sidor:
<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>