De vegades, els desenvolupadors volen actualitzar la pàgina web amb freqüència mentre creen aplicacions web, com ara blocs o llocs web on els continguts poden variar en funció de les accions de l'usuari. Qualsevol informació actualitzada basada en aquestes interaccions de l'usuari es mostrarà quan la pàgina s'actualitzi o es torni a carregar. Amb aquest propòsit, JavaScript ofereix alguns mètodes preconstruïts que es comentaran a continuació.
Aquesta publicació il·lustrarà les maneres de tornar a carregar una pàgina mitjançant JavaScript.
Com tornar a carregar una pàgina amb JavaScript?
Per tornar a carregar o actualitzar una pàgina, utilitzeu els mètodes següents a JavaScript:
Mètode 1: Torneu a carregar una pàgina mitjançant el mètode reload().
Utilitzar el ' location.reload() ” per tornar a carregar la pàgina. Actua com el botó d'actualització d'un navegador. El ' recarregar() ” és responsable de la recàrrega de la pàgina, mentre que el “ ubicació ” és una interfície que indica la ubicació real (URL) de l'objecte al qual està associat. L'URL de la pàgina que cal actualitzar és accessible mitjançant ' document.ubicació ' o ' finestra.ubicació ”.
Sintaxi
Utilitzeu la sintaxi següent per tornar a carregar la pàgina actual mitjançant el mètode reload():
window.location.recarrega ( ) ;Exemple 1: Actualitzar amb un clic de botó
Creeu un botó i adjunteu un ' fent clic ” esdeveniment que anomenarà el JavaScript predefinit “ recarregar() ” mètode:
< botó fent clic = 'window.location.reload()' > Actualització / Torna a carregar la pàgina botó >La sortida indica que la pàgina s'actualitza o es torna a carregar fent clic al botó:
Exemple 2: Actualització automàtica mitjançant el mètode setTimeout() amb el mètode reload()
Estableix l'hora per actualitzar automàticament la pàgina mitjançant el ' setTimeout() ” mètode. En primer lloc, definirem un mètode ' actualització() ” que pren un interval de temps com a paràmetre per actualitzar la pàgina després d'aquest temps. Truqueu al mètode setTimeout() i després truqueu al mètode reload():
funció actualització ( temps ) {setTimeout ( ( ) = > {
document.ubicació.recarrega ( veritat ) ;
} , temps ) ;
}
Aquí, establirem el temps de 2 segons per actualitzar la pàgina cada dos segons:
window.onload = actualització ( 2000 ) ;Com podeu veure que la pàgina s'actualitza automàticament després de 2 segons:
Mètode 2: Torneu a carregar una pàgina amb el mètode go().
Un altre enfocament per actualitzar una pàgina és el ' history.go() ” mètode. Donar un valor positiu o negatiu es pot utilitzar com és habitual per avançar o retrocedir. Per a una actualització, passa el ' 0 ” valor neutre o res.
Sintaxi
Seguiu la sintaxi donada per tornar a carregar la pàgina:
història.go ( )Exemple
Aquí, anomenarem ' history.go() ” mètode a l'esdeveniment de clic del botó:
< botó fent clic = 'history.go()' > Actualització / Torna a carregar la pàgina botó >Sortida
Això es tracta de tornar a carregar/actualitzar pàgines web mitjançant JavaScript.
Conclusió
Per tornar a carregar una pàgina web amb JavaScript, utilitzeu el ' window.location.reload() mètode ' o el ' history.go() ” mètode. El mètode reload() és l'enfocament més utilitzat per tornar a carregar o actualitzar pàgines web. Aquesta publicació va il·lustrar les maneres d'actualitzar una pàgina mitjançant JavaScript.