Reindirizzamento JavaScript

JavaScript è un linguaggio di programmazione orientato al web. Quando si utilizza il Web, dovrai spesso navigare attraverso le pagine. Quando si fa clic su qualsiasi pulsante, invia un modulo o accedi a qualsiasi sito Web, viene reindirizzato a una nuova pagina diversa. Il reindirizzamento della pagina è una parte essenziale di qualsiasi sito Web, ma non è solo limitato alla navigazione di pagina su un sito Web. Ci possono essere più motivi per reindirizzare la pagina, ad esempio:

• Il vecchio nome di dominio viene cambiato in un nuovo dominio
• Presentazione e autorizzazione di una forma
• Sulla base del browser o del linguaggio dell'utente
• Reindirizzare da HTTP a HTTPS

Questo articolo spiega alcuni modi diversi per reindirizzare una pagina.

Sintassi

La sintassi per la navigazione in una pagina usando JavaScript è la seguente:

finestra.posizione.href = "url"

In questo metodo, fornisci semplicemente l'URL a cui si desidera reindirizzare l'utente.

La sintassi per un altro metodo per reindirizzare un utente a un nuovo URL è la seguente:

finestra.posizione.sostituire ("URL") // o
finestra.posizione.Assegna ("URL")

In questa sintassi funzionale, fornisci l'URL a cui si desidera reindirizzare e ogni volta che viene chiamata questa funzione, verrai reindirizzato a quell'URL specifico.

Qui, "Sostituisci" e "Assegna" svolgono lo stesso compito ma con una sottile differenza. Entrambi reindirizzano a un nuovo URL, ma "sostituire" non prende il record della cronologia e l'utente non può tornare al vecchio URL o alla pagina precedente. Nel frattempo, "Assegna" mantiene il record di cronologia e consente all'utente di tornare alla pagina precedente.

Ora esamineremo alcuni esempi di entrambi i sintassi.

Esempi

Innanzitutto, creeremo una funzione on-click su un pulsante.

Linuxhint

Questa funzione reindirizzerà l'utente al sito Web “https: // www.Linuxhint.com."

funzione rediRectFunction ()
finestra.posizione.href = "https: // www.Linuxhint.com "

Ora, se l'utente fa clic sul pulsante, verrà reindirizzato a LinuxHint.com

In questo prossimo esempio, diciamo, vuoi reindirizzare l'utente da un vecchio dominio al nuovo dominio. Ai fini del test, supponiamo che l'indirizzo attuale sia il locale, ma ogni volta che l'utente entra nell'URL del localhost, l'utente viene reindirizzato dal LocalHost al nuovo URL, che è LinuxHint.com in questo esempio. Questo è più facile da fare di quanto potresti pensare. Per fare ciò, usa semplicemente la sintassi del secondo metodo di reindirizzamento:

finestra.posizione.Sostituisci ("https: // www.Linuxhint.com ")

Ora, se l'utente entra nell'URL LocalHost, verrà reindirizzato a LinuxHint.com. Ma, se guardi il pulsante in alto a sinistra del browser per tornare alla pagina precedente:

Il pulsante è opaco e il browser non ci consente di tornare alla pagina precedente. Tuttavia, se si desidera mantenere questa opzione per l'utente, è possibile utilizzare "Assegna" anziché "Sostituisci."

finestra.posizione.Assegna ("https: // www.Linuxhint.com ")

E ora, se guardi il pulsante in alto a sinistra del browser per tornare alla pagina precedente:

Il pulsante non è opaco. Puoi tornare alla pagina precedente.

Si consiglia di utilizzare "Sostituisci" anziché "Assegna", perché lo scopo di reindirizzare a un nuovo URL è che il vecchio URL non funziona o non è più disponibile.

Conclusione

Questo articolo ha spiegato alcuni diversi metodi di reindirizzamento in JavaScript, insieme ad esempi di vita reale usando questi metodi. In questo articolo, hai imparato come navigare verso una nuova pagina e come reindirizzare dal vecchio URL a un nuovo URL. Puoi saperne di più su JavaScript su Linuxhint.com.