Come reindirizzare a un'altra pagina web con JavaScript

Il reindirizzamento della pagina è una tecnica in cui un utente tenta di aprire un determinato URL, ma invece quell'utente viene reindirizzato a un altro URL. Ciò potrebbe verificarsi per diversi motivi, alcuni dei quali sono elencati di seguito:

• Il tuo contenuto viene spostato in un nuovo dominio. Quindi, tutti i tuoi visitatori verranno reindirizzati a quel nuovo dominio quando accedono al dominio più vecchio.
• Il tuo dominio varia in base alla lingua, alla posizione ecc. Quindi, l'utente viene reindirizzato alla pagina appropriata in base a questi fattori.
• Sebbene tu abbia spostato i tuoi contenuti in un dominio diverso, i motori di ricerca manterranno comunque quel contenuto e URL all'interno del loro indice. Quindi, nel caso in cui i motori di ricerca sappiano che i vecchi contenuti sono stati spostati in un nuovo posto e che un nuovo posto dovrebbe prendere il posto principale nell'indice, si utilizza il reindirizzamento della pagina sul lato client.

Reindirizzamento della pagina con JavaScript

In JavaScript Possiamo reindirizzare a un'altra pagina attraverso l'oggetto di posizione che fa parte dell'oggetto della finestra e si accede tramite la finestra.Proprietà della posizione. Questo contiene le informazioni URL. Esistono diversi modi per reindirizzare a un'altra pagina web usando JavaScript. Quelli più comunemente usati sono posizione.Href, posizione.assegnare E posizione.sostituire.

Nota: La console del browser viene utilizzata per la dimostrazione di esempi in questo articolo.

Usando la finestra.posizione.href da reindirizzare in javascript

Usando posizione.Href Proprietà, si assegna il nuovo URL come stringa. Ciò è utile quando si desidera che si verifichi un evento se l'utente fa clic su un pulsante o un collegamento che li reindirizzerà a una nuova pagina:

Vai a Google

Nota: Puoi andare su Google facendo clic sul pulsante.

Usando la finestra.posizione.Assegna il metodo al reindirizzamento in JavaScript

Questo metodo è simile a finestra.posizione.Href, dove assegni l'URL. Attraverso questo l'utente può anche rintracciare la pagina precedente e creerà una voce nella cronologia:

Vai a Google

Nota: Puoi andare su Google facendo clic sul pulsante.

Usando la finestra.posizione.Sostituisci il metodo per reindirizzare in JavaScript

IL Posizione.sostituire() Il metodo viene utilizzato quando si desidera reindirizzare a una nuova pagina senza tornare al dominio più vecchio. La pagina corrente non verrà salvata nella storia e verrà sostituita con il nuovo URL:

Vai a Google

Nota: Puoi andare su Google facendo clic sul pulsante.

Un altro modo di usarlo è attraverso setTimeout () che reindirizza a una nuova pagina dopo un determinato momento assegnato ad essa.

Nota:Puoi andare su Google dopo 2 secondi.

Conclusione

Devi aver incontrato una situazione in cui hai fatto clic sull'URL di una determinata pagina ma sei stato reindirizzato verso un'altra pagina; Questa tecnica si chiama reindirizzamento della pagina ed è comunemente utilizzata dagli sviluppatori per diversi motivi.

In questo post, abbiamo superato diversi metodi di reindirizzamento a un'altra pagina web con JavaScript; Il post ha anche descritto le differenze tra i tre metodi di reindirizzamento in JavaScript, posizione.Href, posizione.assegnare E posizione.sostituire.

Usando posizione.Href E posizione.assegnare, L'utente può tornare facilmente alla pagina precedente in quanto crea una voce nella cronologia. IL posizione.sostituire Reindirizza a una nuova pagina Web ma non crea una voce nella cronologia, motivo per cui l'utente non può rintracciare la pagina precedente.