Refrescar página usando JavaScript: 6 ejemplos completos

Refrescar página usando JavaScript. El método location reload() en HTML DOM se utiliza para volver a cargar el documento actual. Este método, actualiza los documentos actuales. Es muy similar al botón de actualización en el explorador.

Sintaxis del método:

location.reload( forceGet )

El método Location.reload() vuelve a cargar la URL actual al ser ejecutado en el navegador.

Más información.- En algunos exploradores, este método tiene un parámetro booleano opcional, que es false de forma predeterminada. Si es true, la página siempre se vuelve a cargar desde el servidor, omitiendo la caché HTTP del explorador.

Refrescar página usando JavaScript
Refrescar página usando JavaScript

Refrescar página usando JavaScript: 6 formas completas

1) Location.reload()

Al ejecutarla actualiza toda la página. Veamos un ejemplo.

 // Vuelve a cargar la página actual sin la caché del navegador
location.reload();

2) Refrescar con  URL

Esta opcion atualiza la página por completo al realizar un clic sobre un determinado enlace. Sin embargo, dejaremos un ejemplo completo.

//Código html enlace
Actualizar página

3) Refrescar al dar clic en un botón

Al pulsar el botón se actualiza toda la página. Ahora, para lograr tal objetivo nos apoyaremos en el atributo llamado «onclick» y en este atributo declaramos los comandos JavaScript que permitirá que la página se refresque instantáneamente.

//Código botón

4) Refrescar página por segundos

Si deseamos una actualización personalizada y por tiempo, aquí tenemos la solución. Por lo tanto, esta función trabaja con setInterval y hace que la función se ejecute cada 5 segundos, esto equivale a 5000 milisegundos.

//Función actualizar 

5) Uso de window.location.reload()

Este método es todo un clásico en JavaScript. Podemos usar el método window.location.reload() para recargar o actualizar la página actual.

window.location.reload();

//O

location.reload();

Importante.- location.reload(true/false) método toma un parámetro para determinar cómo se debe volver a cargar la página.

  • True:- Volverá a cargar la página desde server(uncached).
  • False (predeterminado):- Volverá a cargar la página almacenada en caché.

6) Refrescar página con window.location.href

El método window.location.href devuelve/carga la url actual.

Así que, podemos usarlo para recargar / actualizar la página en JavaScript.

window.location.href = window.location.href;

Se volverá a abrir la página con la URL actual.

CONCLUSION: Refrescar página usando JavaScript

En este artículo hemos aprendido las 6 maneras en el cual podemos refrescar una página actual. Sin embargo, varía en que situación podemos utilizarlo.

Además, también hemos aprendido a personalización por tiempo y decirle a JavaScript en que segundo pueda iniciar el proceso de actualización.

Espero que este breve artículo les sea de utilidad.

Sobre el autor

6 comentarios en “Refrescar página usando JavaScript: 6 ejemplos completos”

  1. Me han salvado la vida, soy estudiante y de examen me han dejado hacer un juego y el contador no pude reiniciarlo, asi que pensé en refrescar la página, y gracias a este sitio pude hacerlo, thanks, eternamente agradecido : )

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio