ES6 - Przekierowanie strony

Redirectto sposób na odesłanie użytkowników i wyszukiwarek pod inny adres URL niż ten, którego pierwotnie zażądali. Przekierowanie strony to sposób na automatyczne przekierowanie strony internetowej na inną stronę internetową. Przekierowana strona często znajduje się w tej samej witrynie internetowej lub może znajdować się w innej witrynie internetowej lub na serwerze internetowym.

Przekierowanie strony JavaScript

window.location and window.location.href

W JavaScript możesz użyć wielu metod przekierowania strony internetowej na inną. Prawie wszystkie metody są powiązane zwindow.locationobiekt, który jest właściwością obiektu Window. Można go użyć do uzyskania aktualnego adresu URL (adresu internetowego) i przekierowania przeglądarki na nową stronę. Oba zastosowania są takie same pod względem zachowania.window.locationzwraca obiekt. Jeśli.href nie jest ustawiony, window.location domyślnie zmienia parametr .href.

Przykład

<!DOCTYPE html> 
<html> 
   <head> 
      <script> 
         function newLocation() { 
            window.location = "http://www.xyz.com"; 
         } 
      </script> 
   </head> 

   <body> 
      <input type = "button" value = "Go to new location" onclick = "newLocation()"> 
   </body> 
</html>

location.replace()

Inną najczęściej używaną metodą jest replace()metody obiektu window.location, zastąpi aktualny dokument nowym. W metodzie replace () można przekazać nowy adres URL do metody replace (), która wykona przekierowanie HTTP.

Poniżej znajduje się składnia tego samego.

window.location.replace("http://www.abc.com

location.assign()

Metoda location. assign () ładuje nowy dokument w oknie przeglądarki.

Poniżej znajduje się składnia tego samego.

window.location.assign("http://www.abc.org");

assign() vs. replace()

Różnica między metodami assign () i replace () polega na tym, że metoda location.replace () usuwa bieżący adres URL z historii dokumentu, więc nie można przejść z powrotem do oryginalnego dokumentu. W tym przypadku nie możesz użyć przycisku „Wstecz” przeglądarki. Jeśli chcesz uniknąć takiej sytuacji, powinieneś użyć metody location. assign (), ponieważ ładuje ona nowy dokument w przeglądarce.

location.reload()

Metoda location.reload () ponownie ładuje bieżący dokument w oknie przeglądarki.

Poniżej znajduje się składnia tego samego.

window.location.reload("http://www.yahoo.com");

window.navigate()

Metoda window.navigate () jest podobna do przypisywania nowej wartości do właściwości window.location.href. Ponieważ jest dostępny tylko w MS Internet Explorer, więc powinieneś unikać używania go w programowaniu z różnymi przeglądarkami.

Poniżej znajduje się składnia tego samego.

window.navigate("http://www.abc.com");

Przekierowanie i optymalizacja wyszukiwarek

Jeśli chcesz powiadomić wyszukiwarki (SEO) o przekierowaniu adresu URL, dodaj metatag rel = "canonical" do nagłówka swojej witryny, ponieważ wyszukiwarki nie analizują JavaScript w celu sprawdzenia przekierowania.

Poniżej znajduje się składnia tego samego.

<link rel = "canonical" href = "http://abc.com/" />