Jak przekierować do względnego adresu URL w JavaScript?

Przekierowanie użytkownika na różne strony internetowe na podstawie jego działań jest niezbędne do nauki w JavaScript. Jednak nowi początkujący często mylą przekierowanie do URL i przekierowanie do względnego adresu URL. Jednak proces przekierowania wcale nie różni się, ale znaczenie terminów jest zupełnie inne.

Przekierowanie do normalnego adresu URL oznacza wysłanie użytkownika do adresu URL bez względu na ten adres URL i gdzie jest umieszczony. Kierowanie na względny adres URL oznacza przekierowanie użytkownika na stronę internetową umieszczoną w tym samym katalogu, co strona nadrzędna lub strona główna. Względne adresy URL można również wykorzystać do przekierowania do plików umieszczonych w innych katalogach, ale względny adres URL zawierałby tylko ścieżkę i żadne inne informacje, takie jak domena.

W tym artykule wyjaśniono dwie różne metody przekierowywania użytkowników do względnych adresów URL, ale wcześniej szybko skonfiguruj dwie różne strony internetowe, używając poniższych kroków:

Konfigurowanie dwóch dokumentów HTML

Utwórz nowy dokument HTML o nazwie dom i umieść następujące linie w środku:

To jest pierwsza strona!
Kliknij!

To wyświetli następującą stronę internetową w przeglądarce:

Następnie utwórz kolejny dokument HTML w ten sam katalog (Ważne jest, aby uczynić go względnym adresem URL) i nazwać to jako druga strona.html. Następnie wpisz następujące linie na drugiej stronie.HTML:

To jest druga strona



Jestem w tym samym katalogu co dom.html

Uruchamianie drugiej strony.HTML w przeglądarce internetowej daje następujący wynik:

Konfigurowanie stron internetowych jest gotowe. Przejdźmy do dwóch różnych metod relatywnego przekierowania adresu URL.

Metoda 1: Korzystanie z obiektu okiennego do przekierowania do względnego adresu URL

W pliku skryptu dołączonym do domu.Strona internetowa HTML, utwórz następującą funkcję:

funkcja ButtonClicked ()
// Następne linie wchodzą do tego ciała

W tej funkcji użyj okno obiekt dostępu do właściwości lokalizacji i z tego dostępu do HREF i równy ścieżce drugiej strony.html. Ponieważ jest to względny adres URL (obie strony internetowe znajdują się w tym samym katalogu), po prostu ustaw HREF na nazwę drugiej strony internetowej, która jest druga strona.html. Funkcja będzie wyglądać tak:

funkcja ButtonClicked ()
okno.Lokalizacja.href = "druga strona.html ";

Uruchom do domu.HTML w przeglądarce internetowej, a następnie obserwuj następującą funkcjonalność:

Ze wyjścia jasno wynika, że ​​naciśnięcie przycisku przekierowuje użytkownika do drugiej strony.HTML za pomocą względnego adresu URL

Metoda 2: Korzystanie z obiektu dokumentu do przekierowania do względnego adresu URL

Zacznij od ponownego utworzenia funkcji utworzonej w metodzie 1 z następującymi wierszami:

funkcja ButtonClicked ()
// Następne linie wchodzą do tego ciała

W tej funkcji, zamiast obiektu okiennego, tym razem przy użyciu obiektu dokumentu w celu uzyskania dostępu do obiektu lokalizacji. A następnie, z obiektu lokalizacji, uzyskaj dostęp do właściwości HREF i ustaw ją równą względnej ścieżce drugiej strony.html. Od druga strona jest w tym samym katalogu, ścieżką względną byłaby tylko nazwa drugiej strony internetowej, która jest „drugą stroną.html ”

funkcja ButtonClicked ()
dokument.Lokalizacja.href = "druga strona.html ";

Uruchom do domu.HTML w przeglądarce internetowej, a następnie obserwuj następującą funkcjonalność:

Oczywiste jest, że użytkownik został przekierowany do drugiego za pomocą krewnego drugiej strony za pomocą JavaScript.

Zakończyć

Użytkownik może zostać przekierowany na inną stronę internetową za pomocą względnego adresu URL za pomocą albo dokument.Lokalizacja.Href własność lub okno.Lokalizacja.Href właściwość i ustawianie ich wartości równej względnym adresie URL drugiej strony internetowej. W tym artykule oba te metody zostały wykazane za pomocą przykładu krok po kroku.