Come aggiornare l'URL usando JavaScript

Nel processo di aggiornamento di una pagina Web o di un sito, può esserci un requisito per reindirizzare l'utente a una pagina Web diversa. Ad esempio, sostituire l'URL obsoleto con uno aggiornato o invocare una pagina/sito diversa rispetto al contenuto aggiornato di conseguenza. In tali situazioni, il reindirizzamento a un'altra pagina Web in JavaScript aiuta a semplificare i processi di reindirizzamento sulla fine dell'utente e lo sviluppatore.

Questo blog illustrerà gli approcci per aggiornare l'URL usando JavaScript.

Come aggiornare l'URL usando JavaScript?

Per aggiornare l'URL utilizzando JavaScript, applica i seguenti approcci in combinazione con "Href"Attributo:

• "posizione.sostituire()" metodo.
• "setTimeout ()" E "posizione.assegnare()"Metodi.

Approccio 1: aggiorna l'URL in JavaScript usando la posizione.Sostituisci () metodo

IL "Href"L'attributo specifica l'URL della pagina corrente e"posizione.sostituire()"Il metodo sostituisce l'URL corrente con uno nuovo. Questi approcci possono essere applicati per rimuovere l'URL specificato corrente sostituendolo con uno nuovo che entrerà in vigore.

Esempio

Panoramiamo il seguente esempio:

Nel frammento di codice sopra:

• In primo luogo, specificare l'URL dichiarato tramite "Href"Attributo.
• Dopodiché, applica il "sostituire()"Metodo per sostituire l'URL aggiunto nel passaggio precedente con uno nuovo.
• Ciò comporterà la rimozione dell'ex URL dalla storia e il reindirizzarlo all'URL aggiornato.
• Questa funzionalità viene eseguita in modo tale che non si possa tornare all'URL specificato tramite "Href"Attributo.

Produzione

In questo output, si può vedere che quest'ultimo URL è preso, rimuovendo così il primo.

Approccio 2: aggiorna l'URL in JavaScript tramite setTimeout () e posizione.Metodi Assegna ()

IL "setTimeout ()"Il metodo invoca una funzione dopo il tempo impostato e il"posizione.assegnare()"Il metodo carica un nuovo documento. Questi metodi possono essere implementati per reindirizzare all'URL aggiornato assegnato assegnato all'URL specificato dopo il tempo impostato.

Sintassi

SetTimeout (Func, Millisec, P1, P2)

Nella sintassi sopra data:

• "Func"Corrisponde alla funzione a cui è necessario accedere.
• "millisec"Si riferisce all'intervallo di tempo in millisecondi da eseguire.
• "P1" E "P2"Indica i parametri aggiuntivi.

Esempio

Passiamo attraverso l'esempio di seguito:

Applicare i seguenti passaggi, come indicato nel codice sopra:

• Nel primo passaggio, applica il "setTimeout ()"Metodo alla funzione dichiarata in modo tale che la funzione esegui dopo 5000 millisecondi ="5"Secondi.
• Nella definizione della funzione, specificare l'URL dichiarato utilizzando il "Href"Attributo.
• Nel passaggio successivo, applica il "posizione.assegnare()"Metodo per aggiornare l'URL e reindirizzare alla pagina corrispondente all'URL appena assegnato.
• Ciò di conseguenza invocherà quest'ultimo URL nel codice dopo 5 secondi.

Produzione

Come visto, la funzione viene invocata dopo il tempo impostato e l'URL assegnato viene invocato.

Conclusione

IL "Href"Attributo in combinazione con il"posizione.sostituire()Metodo o il "setTimeout ()" E "posizione.assegnare()"I metodi possono essere utilizzati per aggiornare l'URL usando JavaScript. Il primo approccio può essere utilizzato per rimuovere l'URL set e sostituirlo con uno nuovo. Quest'ultimo approccio può essere applicato per assegnare un nuovo URL in modo tale che l'URL assegnato entri in vigore dopo il tempo impostato. Questo blog ha spiegato come aggiornare l'URL usando JavaScript.