Reindirizzamento Javascript

| | | | | | | | | | | | | |

Esistono diversi modi per reindirizzare una pagina Web: lato client utilizzando il meta tag in HTML e lato server utilizzando metodi di reindirizzamento HTTP per citarne alcuni. In questo articolo, esaminiamo come reindirizzare una pagina Web utilizzando JavaScript.

Esistono due modi possibili per utilizzare il codice JavaScript per il reindirizzamento della pagina. Entrambi coinvolgono l’oggetto location della finestra.

href

Il primo modo coinvolge la proprietà href sull’oggetto location (che, a sua volta, fa parte dell’oggetto window). L’unica cosa che devi fare è gestire il reindirizzamento assegnando l’URL a cui desideri che il reindirizzamento vada come location.href. Lo fai in una funzione JavaScript che verrà eseguita al caricamento della pagina:

Ho aggiunto un tag script in fondo al documento, subito prima del tag body. Qui è dove va il nostro JavaScript. Una funzione, chiamata handleRedirect, ha un parametro chiamato url. Assegniamo location.href al valore di quell’url.

Nella parte superiore del corpo del documento, abbiamo un evento onload. Questo evento onload esegue la funzione JavaScript che gli assegniamo. Qui, abbiamo passato l’URL a cui vorremmo che andasse. Il reindirizzamento avviene immediatamente e va alla parte HTML dei post del blog di Python.Engineering.

Se desideri aggiungere un po’ di pausa prima che la pagina venga reindirizzata, puoi farlo utilizzando la funzione setTimeout. Ecco come farlo: ;

Tutto il resto rimane lo stesso.

Questo metodo aggiunge la pagina di origine alla cronologia stack. è accessibile tramite il pulsante Indietro del browser. C’è un altro metodo per sostituire l’URL se preferisci farlo invece - lo esaminiamo dopo!

sostituisci

A differenza del metodo che abbiamo creato sopra che assegna un nuovo URL a una proprietà sull’oggetto location, location.replace() è un metodo che assegna e sostituisce l’URL originale con quello che hai specific.

Questo metodo non inserisce l’URL originale nello stack del browser, ma sostituisce la destinazione con l’URL reindirizzato. Ecco come farlo:

Come puoi vedere, non abbiamo affatto bisogno del tag script per questo one-liner. Quando il documento viene caricato, esegue il metodo location.replace, che ci indirizza al sito tra parentesi.

Ecco! Ora puoi reindirizzare a una nuova pagina web utilizzando JavaScript.