ES6 - Reindirizzamento pagina

Redirectè un modo per inviare sia gli utenti che i motori di ricerca a un URL diverso da quello originariamente richiesto. Il reindirizzamento della pagina è un modo per reindirizzare automaticamente una pagina Web a un'altra pagina Web. La pagina reindirizzata si trova spesso sullo stesso sito Web oppure può trovarsi su un sito Web diverso o su un server Web.

Reindirizzamento della pagina JavaScript

window.location and window.location.href

In JavaScript, puoi utilizzare molti metodi per reindirizzare una pagina web a un'altra. Quasi tutti i metodi sono correlati awindow.locationoggetto, che è una proprietà dell'oggetto Window. Può essere utilizzato per ottenere l'indirizzo URL corrente (indirizzo web) e per reindirizzare il browser a una nuova pagina. Entrambi gli usi sono gli stessi in termini di comportamento.window.locationrestituisce un oggetto. Se.href non è impostato, window.location predefinito per modificare il parametro .href.

Esempio

<!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()

L'altro metodo più utilizzato è il replace()metodo dell'oggetto window.location, sostituirà il documento corrente con uno nuovo. Nel metodo replace (), puoi passare un nuovo URL al metodo replace () e questo eseguirà un reindirizzamento HTTP.

Di seguito è riportata la sintassi per lo stesso.

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

location.assign()

Il metodo location.assign () carica un nuovo documento nella finestra del browser.

Di seguito è riportata la sintassi per lo stesso.

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

assign() vs. replace()

La differenza tra il metodo assign () e il metodo replace () è che il metodo location.replace () elimina l'URL corrente dalla cronologia del documento, quindi non è in grado di tornare al documento originale. In questo caso non è possibile utilizzare il pulsante "Indietro" del browser. Se vuoi evitare questa situazione, dovresti usare il metodo location.assign (), perché carica un nuovo documento nel browser.

location.reload()

Il metodo location.reload () ricarica il documento corrente nella finestra del browser.

Di seguito è riportata la sintassi per lo stesso.

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

window.navigate()

Il metodo window.navigate () è simile all'assegnazione di un nuovo valore alla proprietà window.location.href. Perché è disponibile solo in MS Internet Explorer, quindi dovresti evitare di usarlo nello sviluppo cross-browser.

Di seguito è riportata la sintassi per lo stesso.

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

Reindirizzamento e ottimizzazione dei motori di ricerca

Se vuoi notificare ai motori di ricerca (SEO) il tuo inoltro URL, dovresti aggiungere il meta tag rel = "canonical" alla parte principale del tuo sito web perché i motori di ricerca non analizzano JavaScript per controllare il reindirizzamento.

Di seguito è riportata la sintassi per lo stesso.

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