Jak aktualizować adres URL za pomocą JavaScript

W procesie aktualizacji strony internetowej lub witryny może istnieć wymóg przekierowania użytkownika na inną stronę internetową. Na przykład zastąpienie przestarzałego adresu URL zaktualizowanym lub wywołującą odpowiednią stronę/witrynę w odniesieniu do aktualnej zawartości. W takich sytuacjach przekierowanie na inną stronę internetową w JavaScript pomaga uprościć procesy przekierowania użytkownika i końca programisty.

Ten blog ilustruje podejścia do aktualizacji adresu URL za pomocą JavaScript.

Jak aktualizować adres URL za pomocą JavaScript?

Aby zaktualizować adres URL za pomocą JavaScript, zastosuj następujące podejścia w połączeniu z „Href" atrybut:

• "Lokalizacja.zastępować()" metoda.
• "settimeout ()" I "Lokalizacja.przydzielać()”Metody.

Podejście 1: Aktualizacja adresu URL w JavaScript za pomocą lokalizacji.Metoda zamień ()

„„Href”Atrybut określa adres URL bieżącej strony i„Lokalizacja.zastępować()”Metoda zastępuje bieżący adres URL nowym. Podejścia te można zastosować w celu usunięcia bieżącego określonego adresu URL, zastępując go nowym, który wejdzie w życie.

Przykład

Przeglądmy następujący przykład:

W powyższym fragmencie kodu:

• Po pierwsze, określ podany adres URL za pośrednictwem „Href" atrybut.
• Następnie zastosuj „zastępować()”Metoda zastąpienia adresu URL dodanego w poprzednim kroku nowym.
• Spowoduje to usunięcie poprzedniego adresu URL z historii i przekierowanie go do zaktualizowanego adresu URL.
• Ta funkcjonalność jest wykonywana w taki sposób, że nie ma powrotu do adresu URL określonego za pośrednictwem „Href" atrybut.

Wyjście

W tym wyjściu można zauważyć, że ten ostatni adres URL jest pobierany.

Podejście 2: Aktualizacja adresu URL w JavaScript za pomocą Settimeout () i lokalizacji.przypisuj () metody

„„settimeout ()„Metoda wywołuje funkcję po ustalonym czasie i„Lokalizacja.przydzielać()„Metoda ładuje nowy dokument. Metody te można wdrożyć w celu przekierowania do przypisanego zaktualizowanego adresu URL przydzielonego do określonego adresu URL po określonym czasie.

Składnia

Settimeout (FUNC, MILLISEC, P1, P2)

W powyższej składni:

• "Func”Odpowiada funkcji, do której należy uzyskać dostęp.
• "Milisec”Odnosi się do przedziału czasowego w milisekundach do wykonania.
• "P1" I "P2”Wskaż dodatkowe parametry.

Przykład

Przejrzyjmy poniższy przykład:

Zastosuj następujące kroki, jak podano w powyższym kodzie:

• W pierwszym kroku zastosuj „settimeout ()„Metoda do określonej funkcji, tak że funkcja wykonuje się po 5000 milisekund =”5" sekundy.
• W definicji funkcji określ podany adres URL za pomocą „Href" atrybut.
• W następnym kroku zastosuj „Lokalizacja.przydzielać()”Metoda aktualizacji adresu URL i przekierowania na stronę odpowiadającą nowo przydzielonego adresu URL.
• W rezultacie wywoła ten ostatni adres URL w kodzie po 5 sekundach.

Wyjście

Jak widać, funkcja jest wywoływana po ustalonym czasie, a przypisany adres URL jest wywoływany.

Wniosek

„„Href”Atrybut w połączeniu z„Lokalizacja.zastępować()”Metoda lub„settimeout ()" I "Lokalizacja.przydzielać()„Metody można zastosować do aktualizacji adresu URL za pomocą JavaScript. Poprzednie podejście można wykorzystać do usunięcia ustawionego adresu URL i wymiany go nowym. To ostatnie podejście można zastosować w celu przypisania nowego adresu URL, tak aby przypisany adres URL wchodzi w życie po ustalonym czasie. Ten blog wyjaśnił, jak zaktualizować adres URL za pomocą JavaScript.