Come navigare a un'altra pagina in JavaScript

Nelle applicazioni Web, la navigazione è una caratteristica importante. Può essere ottenuto utilizzando collegamenti ipertestuali in HTML, mentre a volte gli sviluppatori devono reindirizzare in un'altra pagina usando JavaScript. Ad esempio, durante l'invio di moduli, gli utenti vengono reindirizzati al messaggio di successo o di errore o all'URL/Pagina mirato su un pulsante Click.

Questo tutorial dimostrerà i metodi per navigare nella pagina in un'altra pagina usando JavaScript.

Come navigare a un'altra pagina in JavaScript?

Per la navigazione o il reindirizzamento, utilizzare i seguenti approcci JavaScript:

• Metodo Assegna ()
• Sostituisci () metodo
• attributo HREF

Metodo 1: vai a un'altra pagina usando “Posizione.Metodo Assegna () "

Usa il "assegnare()Metodo "con il"posizione"Oggetto per la navigazione di una pagina a un'altra pagina. Reindirizza il browser all'URL fornito allo stesso modo di un collegamento ipertestuale.

Sintassi

La seguente sintassi viene utilizzata per il metodo ASSEGNA () per reindirizzare la pagina a un'altra pagina:

posizione.Assegna ("URL")

Ci vuole un "URL"Percorso come argomento in cui la pagina reindirizzerà:

Esempio

In un file HTML, crea un pulsante che reindirizzerà al sito Web ufficiale di LinuxHint sul clic del pulsante:

Clicca qui

Definire una funzione "navigarepage ()"In un file JavaScript, ciò attiverà il clic del pulsante. Questa funzione chiama "assegnare()"Metodo passando l'URL come argomento per il reindirizzamento al Linuxhint ufficiale.com Web:

funzione navigatepage ()
posizione.Assegna ("https: // linuxhint.com ");

Come puoi vedere che siamo stati navigati con successo a Linuxhint.com Web sul pulsante Click:

Nell'angolo in alto a sinistra, puoi vederlo dopo aver navigato sul Linuxhint.sito web com, il pulsante freccia posteriore è abilitato. Ciò significa che ti consente di tornare indietro o navigare alla pagina precedente.

Metodo 2: vai a un'altra pagina usando “Posizione.Sostituisci () "Metodo

Per navigare su un'altra pagina, utilizzare JavaScript integrato "posizione.sostituire()" metodo. Viene utilizzato per sostituire il documento/pagina corrente con una nuova pagina. Questo metodo è simile alla posizione.Assegna (), ma la differenza è che sostituisce la pagina e non ti consente di tornare indietro.

Sintassi

Seguire la sintassi fornita per il metodo Sostituisci ():

posizione.Sostituire ("URL")

Esempio

Chiamare il metodo Sostituisci () con l'URL specificato nella funzione definita:

funzione navigatepage ()
posizione.Sostituisci ("https: // linuxhint.com ");

L'output indica che la pagina è stata navigata correttamente ma è possibile vedere che non consente di tornare alla pagina precedente poiché il pulsante Indietro è disabilitato:

Metodo 3: vai a un'altra pagina usando “Posizione.Attributo Href "

Puoi anche usare il “Href"Proprietà con il"posizione"Oggetto per navigare in un'altra pagina usando JavaScript. Per la navigazione, assegnare un nuovo valore di URL ad esso. L'attributo "HREF" indica l'URL della pagina corrente. Dandogli un nuovo valore, può essere usato per andare all'altro URL.

Sintassi

La sintassi data viene utilizzata per l'attributo HREF per navigare nella pagina in un'altra pagina:

posizione.href = "url"

Esempio

Assegna l'URL all'attributo HREF nella funzione definita per il reindirizzamento a LinuxHint.com Pagina ufficiale:

funzione navigatepage ()
posizione.href = "https: // linuxhint.com ";

Produzione

Si tratta di navigare o reindirizzare a un'altra pagina in JavaScript.

Conclusione

Per navigare nella pagina in un'altra pagina, usa il "posizione.assegnare()" metodo, "posizione.sostituire()Metodo ", o"posizione.Href"Attributo. Il metodo "Assegna ()" e l'attributo "HREF" consentono la navigazione back mentre il metodo "Sostituisci ()" non consente di tornare alla pagina precedente. Questo tutorial ha dimostrato i metodi per navigare nella pagina in un'altra pagina usando JavaScript.