Inicio » JavaScript » Refrescar página usando JavaScript: 6 ejemplos completos

Refrescar página usando JavaScript: 6 ejemplos completos

baulcode enero 7, 2020 718 6

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: 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.