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>


Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow