Jak poruszać się na inną stronę w JavaScript

W aplikacjach internetowych stronach nawigacyjnych jest ważną cechą. Można to osiągnąć za pomocą hiperłączy w HTML, podczas gdy czasami programiści muszą przekierować na inną stronę dynamicznie za pomocą JavaScript. Na przykład, przesyłając formularze, użytkownicy są przekierowani do komunikatu sukcesu lub błądu lub docelowego adresu URL/strony na przycisku.

Ten samouczek pokaże metody nawigacji na stronie na innej stronie za pomocą JavaScript.

Jak poruszać się na inną stronę w JavaScript?

Do nawigacji lub przekierowania zastosuj następujące podejścia JavaScript:

• metoda przypisania ()
• Metoda zamień ()
• atrybut HREF

Metoda 1: Przejdź do innej strony za pomocą „Lokalizacja.Assign () ”metoda

Użyj "przydzielać()„Metoda z„Lokalizacja„Obiekt do nawigacji strony na innej stronie. Przekierowuje przeglądarkę do dostarczonego adresu URL w taki sam sposób, jak hiperłącze.

Składnia

Do metody Assing () wykorzystywana jest następująca składnia do przekierowania strony na inną stronę:

Lokalizacja.przypisanie („URL”)

To wymaga „URL„Ścieżka jako argument, w którym strona przekieruje:

Przykład

W pliku HTML utwórz przycisk, który przekieruje się na oficjalną stronę internetową Linuxhint na przycisku Kliknij:

Kliknij tutaj

Zdefiniuj funkcję „navigatePage ()”W pliku JavaScript, który wywoła przycisk Kliknij. Ta funkcja wywołuje „przydzielać()„Metoda, przekazując adres URL jako argument za przekierowaniem do oficjalnego Linuxhinta.Strona internetowa COM:

funkcja navigatePage ()
Lokalizacja.przypisz ("https: // linuxhint.com ”);

Jak widać, że udało nam się nawigowani do Linuxhint.Witryna com na przycisku kliknij:

W lewym górnym rogu widać, że po nawigacji do Linuxhint.Witryna com, przycisk strzałki z tyłu jest włączony. Oznacza to, że pozwala wrócić lub przejść do poprzedniej strony.

Metoda 2: Przejdź do innej strony za pomocą „Lokalizacja.Metoda zastąpi () ”

Aby przejść do innej strony, użyj wbudowanego JavaScript „Lokalizacja.zastępować()" metoda. Służy do zastąpienia bieżącego dokumentu/strony nowej strony. Ta metoda jest podobna do lokalizacji.przypisuj (), ale różnica polega na tym, że zastępuje stronę i nie pozwala na nawigację.

Składnia

Postępuj zgodnie z dostarczoną składnią do metody zastępczej ():

Lokalizacja.Wymień („URL”)

Przykład

Wywołaj metodę zastąpi () określonym adresem URL w zdefiniowanej funkcji:

funkcja navigatePage ()
Lokalizacja.zamień ("https: // linuxhint.com ”);

Wyjście wskazuje, że strona została pomyślnie nawigowana, ale widać, że nie pozwala na powrót do poprzedniej strony, ponieważ przycisk Wstecz jest wyłączony:

Metoda 3: Przejdź do innej strony przy użyciu „Lokalizacja.atrybut href ”

Możesz także użyć „Href„Nieruchomość z„Lokalizacja„Obiekt do nawigacji na inną stronę za pomocą JavaScript. W celu nawigacji przypisz do niego nową wartość URL. Atrybut „HREF” wskazuje bieżący adres URL strony. Dając mu nową wartość, można go użyć do drugiego adresu URL.

Składnia

Podana składnia jest wykorzystywana dla atrybutu HREF do nawigacji po stronie na innej stronie:

Lokalizacja.href = „URL”

Przykład

Przypisz adres URL do atrybutu HREF w określonej funkcji do przekierowania do linuxhint.COM Oficjalna strona:

funkcja navigatePage ()
Lokalizacja.href = "https: // linuxhint.com ";

Wyjście

Chodzi o nawigację lub przekierowanie na inną stronę w JavaScript.

Wniosek

Aby nawigować po stronie na inną stronę, użyj „Lokalizacja.przydzielać()" metoda, "Lokalizacja.zastępować()„Metoda lub„Lokalizacja.Href" atrybut. Metoda „Assign ()” i atrybut „HREF” pozwalają na nawigację, podczas gdy metoda „zamień ()” nie pozwala na nawigację z powrotem do poprzedniej strony. W tym samouczku pokazano metody nawigacji na stronie na innej stronie za pomocą JavaScript.