Szukaj…
Składnia
- window.history.pushState (domena, tytuł, ścieżka);
- window.history.replaceState (domena, tytuł, ścieżka);
Parametry
Parametr | Detale |
---|---|
domena | Domena, którą chcesz zaktualizować |
tytuł | Tytuł do aktualizacji |
ścieżka | Ścieżka do aktualizacji |
Uwagi
Interfejs API historii HTML5 nie jest zaimplementowany we wszystkich przeglądarkach, a implementacje zwykle różnią się w zależności od dostawcy przeglądarki. Obecnie jest obsługiwany przez następujące przeglądarki:
- Firefox 4+
- Google Chrome
- Internet Explorer 10+
- Safari 5+
- iOS 4
Jeśli chcesz dowiedzieć się więcej o implementacjach i metodach interfejsu API historii, zapoznaj się ze stanem interfejsu API historii HTML5 .
history.replaceState ()
Składnia:
history.replaceState(data, title [, url ])
Ta metoda modyfikuje bieżący wpis historii zamiast tworzyć nowy. Używany głównie, gdy chcemy zaktualizować adres URL bieżącego wpisu historii.
window.history.replaceState("http://example.ca", "Sample Title", "/example/path.html");
Ten przykład zastępuje bieżącą historię, pasek adresu i tytuł strony.
Uwaga: różni się to od history.pushState()
. Który wstawia nowy wpis historii zamiast zastępować bieżący.
history.pushState ()
Składnia:
history.pushState(state object, title, url)
Ta metoda pozwala DODAĆ wpisy historii. Więcej informacji można znaleźć w tym dokumencie: metoda pushState ()
Przykład:
window.history.pushState("http://example.ca", "Sample Title", "/example/path.html");
Ten przykład wstawia nowy rekord do historii, paska adresu i tytułu strony.
Uwaga: różni się to od history.replaceState()
. Który aktualizuje aktualny wpis historii, zamiast dodawać nowy.
Załaduj określony adres URL z listy historii
metoda go ()
Metoda go () ładuje określony adres URL z listy historii. Parametr może być liczbą, która przechodzi do adresu URL w obrębie określonej pozycji (-1 powoduje powrót o jedną stronę, 1 powoduje przejście o jedną stronę do przodu) lub ciągiem znaków. Ciąg musi być częściowym lub pełnym adresem URL, a funkcja przejdzie do pierwszego adresu URL pasującego do ciągu.
Składnia
history.go(number|URL)
Przykład
Kliknij przycisk, aby wrócić o dwie strony:
<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>