Come ricaricare una pagina usando JavaScript
A volte, gli sviluppatori vogliono aggiornare frequentemente la pagina Web durante la creazione di applicazioni Web, come blog o siti Web in cui i contenuti possono variare a seconda delle azioni dell'utente. Eventuali informazioni aggiornate basate su queste interazioni utente verranno visualizzate quando la pagina viene aggiornata o ricaricata. A tale scopo, JavaScript offre alcuni metodi predefiniti che saranno discussi di seguito.
Questo post illustrerà i modi per ricaricare una pagina usando JavaScript.
Come ricaricare una pagina usando JavaScript?
Per ricaricare o rinfrescare una pagina, utilizzare i seguenti metodi in JavaScript:
- Metodo ricarica ()
- GO () Metodo
Metodo 1: ricarica una pagina usando il metodo RELOAD ()
Usa il "posizione.ricaricare()"Metodo per ricaricare la pagina. Si comporta proprio come il pulsante di aggiornamento di un browser. IL "ricaricare()"Il metodo è responsabile per il ricarico di pagina, mentre il"posizione"È un'interfaccia che indica la posizione effettiva (URL) dell'oggetto a cui è associato. L'URL della pagina da aggiornare è accessibile da entrambi "documento.posizione" O "finestra.posizione".
Sintassi
Utilizzare la seguente sintassi per ricaricare la pagina corrente utilizzando il metodo RELOAD ():
finestra.posizione.ricaricare();
Esempio 1: aggiorna su un pulsante Clicca
Crea un pulsante e allega un "al clic"Evento su di esso che chiamerà JavaScript predefinito"ricaricare()" metodo:
L'output indica che la pagina viene aggiornata o ricaricata su un pulsante Click:
Esempio 2: aggiornamento automatico utilizzando il metodo setTimeout () con il metodo RELAD ()
Imposta il tempo per aggiornare automaticamente la pagina usando "setTimeout ()" metodo. Innanzitutto, definiremo un metodo "ricaricare()"Ci vuole un intervallo di tempo come parametro per aggiornare la pagina dopo quel tempo. Chiama il metodo setTimeout () e quindi chiama il metodo Reload ():
Funzione Afto (Time)
setTimeout (() =>
documento.posizione.ricarica (true);
, tempo);
Qui imposteremo i tempi 2 secondi per aggiornare la pagina ogni due secondi:
finestra.Onload = Refresa (2000);
Come puoi vedere che la pagina viene aggiornata automaticamente dopo 2 secondi:
Metodo 2: Ricarica una pagina usando il metodo GO ()
Un altro approccio per rinfrescare una pagina è il "storia.andare()" metodo. Dare un valore positivo o negativo può essere usato come al solito per spostarsi all'indietro o in avanti. Per un aggiornamento, passa il “0"Valore neutro o niente.
Sintassi
Segui la sintassi data per ricaricare la pagina:
storia.andare()
Esempio
Qui, chiameremo il "storia.andare()"Metodo nell'evento click del pulsante:
Produzione
Si tratta solo di ricaricare/rinfrescanti pagine Web usando JavaScript.
Conclusione
Per ricaricare una pagina Web utilizzando JavaScript, usa il “finestra.posizione.ricaricare()Metodo o il "storia.andare()" metodo. Il metodo RELOAD () è l'approccio più comunemente usato per le pagine Web di ricarica o rinfrescante. Questo post ha illustrato i modi per aggiornare una pagina usando JavaScript.