Przekierowanie JavaScript

JavaScript to język programowania zorientowany na internet. Korzystając z Internetu, często będziesz musiał nawigować po stronach. Po kliknięciu dowolnego przycisku, prześlij formularz lub zaloguj się na dowolnej stronie internetowej, zostaniesz przekierowany na inną nową stronę. Przekierowanie strony jest istotną częścią każdej strony internetowej, ale nie tylko ogranicza się do nawigacji strony na stronie internetowej. Na przykład może istnieć wiele powodów przekierowania strony:

• Stara nazwa domeny jest zmieniana na nową domenę
• Zgłoszenie i autoryzacja formularza
• Na podstawie przeglądarki lub języka użytkownika
• Przekieruj z HTTP na HTTPS

W tym artykule wyjaśniono kilka różnych sposobów przekierowania strony.

Składnia

Składnia nawigacji na stronę za pomocą JavaScript jest następująca:

okno.Lokalizacja.href = „URL”

W tej metodzie po prostu podajesz adres URL, do którego chcesz przekierować użytkownika.

Składnia innej metody przekierowania użytkownika na nowy adres URL jest następujący:

okno.Lokalizacja.Wymień („URL”) // lub
okno.Lokalizacja.przypisanie („URL”)

W tej funkcjonalnej składni podajesz adres URL, do którego chcesz przekierować, a za każdym razem, gdy ta funkcja zostanie wywołana, zostaniesz przekierowany do tego konkretnego adresu URL.

Tutaj „zamień” i „przypisuj” wykonują to samo zadanie, ale z subtelną różnicą. Oboje przekierowują do nowego adresu URL, ale „zastąpienie” nie przyjmuje historii, a użytkownik nie może wrócić do starego adresu URL lub poprzedniej strony. Tymczasem „przypisanie” prowadzi rekord historii i pozwala użytkownikowi wrócić do poprzedniej strony.

Przyjrzymy się teraz niektórym przykładom obu składni.

Przykłady

Najpierw utworzymy funkcję na kliknięciu na przycisku.

Linuxhint

Ta funkcja przekieruje użytkownika do witryny „https: // www.Linuxhint.com."

funkcja redirectFunction ()
okno.Lokalizacja.href = "https: // www.Linuxhint.com "

Teraz, jeśli użytkownik kliknie przycisk, zostanie przekierowany do Linuxhint.com

W następnym przykładzie powiedzmy, że chcesz przekierować użytkownika ze starej domeny do nowej domeny. Do celów testowych załóż, że obecny adres jest hostem lokalnym, ale za każdym razem, gdy użytkownik wchodzi do adresu URL Localhost, użytkownik zostanie przekierowywany z Localhost do nowego adresu URL, którym jest Linuxhint.com w tym przykładzie. Jest to łatwiejsze niż myślisz. Aby to zrobić, po prostu użyj składni drugiej metody przekierowania:

okno.Lokalizacja.Wymień ("https: // www.Linuxhint.com ”)

Teraz, jeśli użytkownik wejdzie do adresu URL Localhost, zostanie przekierowany do Linuxhint.com. Ale jeśli spojrzysz na przycisk górnej przeglądarki, aby wrócić do poprzedniej strony:

Przycisk jest matowy, a przeglądarka nie pozwala nam wrócić do poprzedniej strony. Jeśli jednak chcesz zachować tę opcję dla użytkownika, możesz użyć „przypisania” zamiast „Wymień."

okno.Lokalizacja.przypisz ("https: // www.Linuxhint.com ”)

A teraz, jeśli spojrzysz na przycisk lewicy górnej przeglądarki, aby wrócić do poprzedniej strony:

Przycisk nie jest matowy. Możesz wrócić do poprzedniej strony.

Zaleca się tutaj użycie „wymiany” zamiast „przypisania”, ponieważ celem przekierowania do nowego adresu URL jest to, że stary adres URL nie działa lub nie jest już dostępny.

Wniosek

W tym artykule wyjaśniono kilka różnych metod przekierowania w JavaScript, wraz z prawdziwymi przykładami przy użyciu tych metod. W tym artykule nauczyłeś się nawigować na nową stronę i jak przekierowywać ze starego adresu URL do nowego adresu URL. Możesz dowiedzieć się więcej o JavaScript w Linuxhint.com.