Come far navigare il browser all'URL in JavaScript?

Durante la creazione di un sito Web reattivo, ci possono essere alcune istanze in cui lo sviluppatore deve reindirizzare l'utente a una pagina Web o sito diversa. Ciò di conseguenza migliora la chiarezza dalla fine dell'utente. In tali situazioni, navigare a un diverso URL in JavaScript aiuta a accedere ai contenuti pertinenti comodamente.

Questo blog illustrerà gli approcci per far navigare il browser all'URL usando JavaScript.

Come far navigare il browser all'URL usando JavaScript?

Per far navigare il browser su URL, applicare i seguenti approcci:

• • "finestra.posizione.Href" proprietà.
  • "sostituire()" metodo.
  • "posizione.assegnare()" metodo.

Metodo 1: convincere il browser a navigare all'URL usando la "finestra.posizione.Proprietà Href "in JavaScript

IL "finestra.posizione.Href"La proprietà fornisce l'URL della pagina corrente. Questa proprietà può essere utilizzata per navigare direttamente sul browser all'URL specificato.

Esempio

Panoramiamo le righe del codice seguenti:

Linuxhint

Nel blocco del codice sopra:

• • In primo luogo, crea un pulsante insieme a un "al clic"Evento che accede alla funzione myFunction ().
  • Nel codice JavaScript, definisci una funzione "myFunction ()".
  • Nella definizione della funzione, applica il "finestra.posizione.Href"Proprietà per navigare verso l'URL specificato sul trigger del pulsante.

Produzione

Nell'uscita sopra, si può vedere che l'URL particolare viene caricato al clic del pulsante.

Metodo 2: effettuare il browser navigare su URL usando il metodo "Sostituisci ()" in JavaScript

IL "sostituire()"Il metodo sostituisce il documento corrente con quello appena specificato. Questo metodo può essere applicato anche per passare all'URL specificato sostituendo quello corrente.

Sintassi

posizione.Sostituire (URL)

Nella sintassi sopra, "URL"Si riferisce all'URL della pagina in cui si desidera navigare.

Esempio

Passiamo attraverso il seguente esempio per comprendere chiaramente il concetto:

Linuxhint

Nel frammento di codice sopra:

• • Allo stesso modo, crea un pulsante con un associato "al clic"Evento che invoca la funzione dichiarata.
  • Nel codice JavaScript, dichiara allo stesso modo una funzione denominata "myFunction ()".
  • Nella sua definizione, applica il "sostituire()"Metodo per sostituire l'URL corrente con l'URL aggiornato specificato e passare ad esso sul clic del pulsante.

Produzione

Metodo 3: fare il browser navigare su URL utilizzando la "posizione.Metodo Assegna () "in JavaScript

IL "posizione.assegnare()"Il metodo carica un intero nuovo documento. Questo metodo può essere implementato per assegnare un nuovo URL e navigare su di esso in caso di azione dell'utente.

Sintassi

posizione.Assegna (URL)

Nella sintassi sopra offerta, "URL"Corrisponde all'URL per cambiare.

Esempio

Seguiamo l'esempio sotto fornito:

Questo paragrafo riguarda il sito Web LinuxHint
OnClick = "myFunction ()"> Leggi di più ..

>funzione myFunction ()
finestra.posizione.Assegna ("https: // linuxhint.com/")

Nel codice sopra:

• • In primo luogo, includere un paragrafo che ha il contenuto ""Elemento contenente testo incompleto e reindirizza alla funzione specificata.
  • Nel codice JS, allo stesso modo, dichiara una funzione "myFunction ()".
  • All'interno della funzione, applica il “posizione.assegnare()"Metodo per assegnare un nuovo URL.
  • Questo URL aggiornato verrà navigato sul clic del pulsante.

Produzione

Si trattava di convincere il browser a navigare verso l'URL in JavaScript.

Conclusione

Per convincere il browser a navigare nell'URL, applicare il “finestra.posizione.Href"Proprietà, la"sostituire()Metodo ", o"posizione.assegnare()" metodo. Questi approcci possono essere utilizzati per reindirizzare l'URL specificato, sostituito o appena assegnato. Questo articolo ha dichiarato gli approcci per far navigare il browser su URL usando JavaScript.