A veces, los desarrolladores desean actualizar la página web con frecuencia mientras crean aplicaciones web, como blogs o sitios web, donde los contenidos pueden variar según las acciones del usuario. Cualquier información actualizada basada en estas interacciones del usuario se mostrará cuando la página se actualice o se vuelva a cargar. Para este propósito, JavaScript ofrece algunos métodos preconstruidos que se discutirán a continuación.
Esta publicación ilustrará las formas de recargar una página usando JavaScript.
¿Cómo recargar una página usando JavaScript?
Para recargar o actualizar una página, use los siguientes métodos en JavaScript:
Método 1: recargar una página usando el método reload()
Utilizar el ' ubicación.recargar() ” método para recargar la página. Actúa como el botón de actualización de un navegador. Él ' recargar() El método ” es responsable de la recarga de la página, mientras que el método “ localización ” es una interfaz que indica la ubicación real (URL) del objeto al que está asociado. Se puede acceder a la URL de la página para actualizar mediante “ documento.ubicación ' o ' ventana.ubicación ”.
Sintaxis
Use la siguiente sintaxis para recargar la página actual usando el método reload():
ventana.ubicación.recargar ( ) ;Ejemplo 1: Actualizar al hacer clic en un botón
Cree un botón y adjunte un “ al hacer clic 'evento en él que llamará al JavaScript predefinido' recargar() ' método:
< botón al hacer clic = 'ventana.ubicación.recargar()' > Actualizar / Recargar página botón >El resultado indica que la página se actualiza o vuelve a cargar al hacer clic en un botón:
Ejemplo 2: Actualización automática usando el método setTimeout() con el método reload()
Establezca el tiempo para actualizar automáticamente la página usando el botón “ establecerTiempo de espera() ' método. Primero, definiremos un método “ actualizar() ” que toma como parámetro un intervalo de tiempo para refrescar la página después de ese tiempo. Llame al método setTimeout() y luego llame al método reload():
función actualizar ( hora ) {establecer tiempo de espera ( ( ) = > {
documento.ubicación.recargar ( verdadero ) ;
} , hora ) ;
}
Aquí, estableceremos el tiempo 2 segundos para actualizar la página cada dos segundos:
ventana.onload = actualizar ( 2000 ) ;Como puede ver, la página se actualiza automáticamente después de 2 segundos:
Método 2: Recargar una página usando el método go()
Otro enfoque para actualizar una página es el “ historia.go() ' método. Dar un valor positivo o negativo se puede utilizar como de costumbre para avanzar o retroceder. Para una actualización, pase el ' 0 ” valor neutral o nada.
Sintaxis
Siga la sintaxis dada para recargar la página:
historia.ir ( )Ejemplo
Aquí, llamaremos al “ historia.go() ” método en el evento de clic del botón:
< botón al hacer clic = 'historia.ir()' > Actualizar / Recargar página botón >Producción
Se trata de recargar/actualizar páginas web usando JavaScript.
Conclusión
Para recargar una página web usando JavaScript, use el ' ventana.ubicación.recargar() ” método o el “ historia.go() ' método. El método reload() es el enfoque más utilizado para recargar o actualizar páginas web. Esta publicación ilustró las formas de actualizar una página usando JavaScript.