A volte, gli sviluppatori desiderano 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 dell'utente verranno visualizzate quando la pagina viene aggiornata o ricaricata. A tale scopo, JavaScript offre alcuni metodi predefiniti che verranno discussi di seguito.
Questo post illustrerà i modi per ricaricare una pagina utilizzando JavaScript.
Come ricaricare una pagina usando JavaScript?
Per ricaricare o aggiornare una pagina, utilizzare i seguenti metodi in JavaScript:
Metodo 1: ricaricare una pagina utilizzando il metodo reload()
Usa il ' posizione.ricarica() ” metodo per ricaricare la pagina. Funziona proprio come il pulsante di aggiornamento di un browser. Il ' ricaricare() ” è responsabile del ricaricamento della pagina, mentre il metodo “ Posizione ” è un'interfaccia che indica la posizione effettiva (URL) dell'oggetto a cui è associata. L'URL della pagina da aggiornare è accessibile da ' documento.posizione ' o ' finestra.posizione ”.
Sintassi
Utilizzare la seguente sintassi per ricaricare la pagina corrente utilizzando il metodo reload():
window.location.reload ( ) ;Esempio 1: aggiornamento al clic di un pulsante
Crea un pulsante e allega un ' al clic ” evento su di esso che chiamerà il JavaScript predefinito “ ricaricare() ' metodo:
< pulsante al clic = 'window.location.reload()' > ricaricare / Ricarica la pagina pulsante >L'output indica che la pagina viene aggiornata o ricaricata al clic di un pulsante:
Esempio 2: aggiornamento automatico utilizzando il metodo setTimeout() con il metodo reload()
Impostare l'ora per l'aggiornamento automatico della pagina utilizzando il pulsante ' setTimeout() ' metodo. Innanzitutto, definiremo un metodo ' ricaricare() ” che prende un intervallo di tempo come parametro per aggiornare la pagina dopo quel tempo. Chiama il metodo setTimeout() e quindi chiama il metodo reload():
funzione ricaricare ( tempo ) {setTimeout ( ( ) = > {
documento.posizione.ricarica ( VERO ) ;
} , tempo ) ;
}
Qui, imposteremo il tempo di 2 secondi per aggiornare la pagina ogni due secondi:
window.onload = aggiorna ( 2000 ) ;Come puoi vedere, la pagina viene aggiornata automaticamente dopo 2 secondi:
Metodo 2: ricaricare una pagina utilizzando il metodo go()
Un altro approccio per aggiornare una pagina è il ' storia.go() ' metodo. Dare un valore positivo o negativo può essere usato come al solito per andare avanti o indietro. Per un aggiornamento, passa il ' 0 ” valore neutro o niente.
Sintassi
Segui la sintassi data per ricaricare la pagina:
storia.go ( )Esempio
Qui chiameremo il ' storia.go() ” metodo nell'evento click del pulsante:
< pulsante al clic = 'storia.go()' > ricaricare / Ricarica la pagina pulsante >Produzione
Si tratta di ricaricare/aggiornare le pagine Web utilizzando JavaScript.
Conclusione
Per ricaricare una pagina Web utilizzando JavaScript, utilizzare il ' finestra.posizione.ricarica() ” metodo o il “ storia.go() ' metodo. Il metodo reload() è l'approccio più comunemente usato per ricaricare o aggiornare le pagine web. Questo post ha illustrato i modi per aggiornare una pagina utilizzando JavaScript.