Cómo recargar una página usando JavaScript
A veces, los desarrolladores desean actualizar la página web con frecuencia mientras crean aplicaciones web, como blogs o sitios web donde el contenido puede variar según las acciones del usuario. Cualquier información actualizada basada en estas interacciones del usuario se mostrará cuando la página esté actualizada o recargada. Para este propósito, JavaScript ofrece algunos métodos previos a la construcción 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 recoad ()
- método go ()
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. El "recargar()"El método es responsable de la recarga de la página, mientras que el"ubicación"Es una interfaz que indica la ubicación real (URL) del objeto al que está asociado. La URL de la página para actualizar es accesible por ellos "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 en un botón Haga clic
Crea un botón y adjunte un "al hacer clic"Evento que llamará a JavaScript predefinido"recargar()" método:
La salida indica que la página está renovada o recargada en un botón Haga clic:
Ejemplo 2: Actualización automática utilizando el método setTimeOut () con el método reload ()
Establezca el tiempo para actualizar automáticamente la página usando el "setTimeout ()" método. Primero, definiremos un método "actualizar()"Eso lleva un intervalo de tiempo como parámetro para actualizar la página después de ese tiempo. Llame al método setTimeOut () y luego llame al método Reload ():
Function Refresh (Time)
setTimeOut (() =>
documento.ubicación.recargar (verdadero);
, tiempo);
Aquí, estableceremos el tiempo 2 segundos para actualizar la página después de 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.ir()" método. Dar un valor positivo o negativo se puede usar como de costumbre para avanzar o avanzar. 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.ir()Método "en el evento de clic del botón:
Producción
Se trata de recargar/refrescarse páginas web con JavaScript.
Conclusión
Para recargar una página web con JavaScript, use el "ventana.ubicación.recargar()"Método o el"historia.ir()" método. El método Reload () es el enfoque más utilizado para recargar o refrescarse páginas web. Esta publicación ilustró las formas de actualizar una página usando JavaScript.