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
<a href="javascript:location.reload()">Actualizar página</a>

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
<input type="button" value="Actualizar" onclick="location.reload()"/>

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
<script type="text/javascript">
function actualizar(){location.reload(true);}
//Función para actualizar cada 5 segundos(5000 milisegundos)
setInterval("actualizar()",5000);
</script>

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.

Me fascina la programación en diversos lenguajes y mas aún si son sistemas web o páginas web.

Entradas relacionadas

Cómo usar Explode en JavaScript Split()

Cómo usar Explode en JavaScript Split()

Cómo usar Explode en JavaScript Split(). Explode es capaz de dividir una cadena de texto o un array y se basa bajo un criterio en común dentro…

Enviar de SELECT a INPUT

Enviar de SELECT a INPUT: Ejemplo completo

Enviar de SELECT a INPUT. En este artículo veremos cómo pasar información de un SELECT a INPUT a través de un atributo personalizado haciendo uso de la…

Confirmar el envío de formulario sin bucles con jQuery

Confirmar el envío de formulario sin bucles con jQuery

Confirmar el envío de formulario sin bucles con jQuery. En este artículo veremos la forma de mostrar un cuadro de dialogo de conformación antes de enviar un…

Generar 3 números aleatorios y que no se repitan JavaScript

Generar 3 números aleatorios y que no se repitan: JavaScript

,Generar 3 números aleatorios y que no se repitan. En este artículo veremos la forma de generar números aleatorios usando «Math.random()» de JavaScript. Esa función devuelve un…

Detectar Checkbox Marcados JavaScript

Detectar Checkbox Marcados JavaScript y jQuery

Detectar Checkbox Marcados JavaScript. Este es un tutorial realizaremos un script sobre cómo detectar cada vez que una casilla de verificación ha sido marcada o desmarcada por…

Validar Checkbox PHP, JavaScript y jQuery

Validar Checkbox PHP, JavaScript y jQuery: Ejemplos

Validar Checkbox PHP, JavaScript y jQuery. Cuando estemos programando un sistema y/o página web siempre nos encontraremos con formularios y por ende con validaciones en algún campo….

Esta entrada tiene 6 comentarios

  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 una respuesta

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