Actualizar página con JavaScript

Actualizar página con JavaScript

En este tutorial aprenderemos cómo actualizar la página con JavaScript utilizando el método location.reload

Actualizar página con location.reload

Al ejecutar la función actualiza toda la página.

Ejemplo

location.reload();

Actualizar con un enlace

Actualiza la página completamente al hacer click en el enlace.

<!--Código html enlace-->
<a href="javascript:location.reload()">Actualizar página</a>
<!--Al hacer click en el enlace se actualizará la página-->

Actualizar al pulsar un botón

Al pulsar el botón se actualiza toda la página

Ejemplo

<!--Código botón-->
<input type="button" value="Actualizar" onclick="location.reload()"/>

Podemos darle estilos directamente

Ejemplo de botón con estilos

<!--Código botón con estilos-->
<input type="button" value="Actualizar" onclick="location.reload()"
style="font-family:Arial;font-size:10pt;width:200px;height:30px;
background:#777777;color:#fff444;cursor:pointer;"/>

Actualizar automáticamente cada x segundos

La función setInterval hace que la función se ejecute cada 4 segundos, 4000 milisegundos

Ejemplo

// Función actualizar
function actualizar(){
  location.reload(true)
}
// Función para actualizar cada 4 segundos(4000 milisegundos)
setInterval("actualizar()",4000);

Más información en Métodos de la clase Location de JavaScript

Más tutoriales de JavaScript