Recargar una página con javascript

Detalles: Por Juan Padial; En Programación; Visto: 7802

JavaScript ofrece muchos caminos para recargar una página web. Lo más usual es utilizar el método reload() pero existen otras alternativas.

Método location.reload()

El método reload() se usa para recargar un documento. Podemos utilizar window.location para obtener la localización de la ventana actual y recargarla. Por ejemplo:

<html>
 <head>
  <script type="text/javascript">
   function recargar()
    {
      window.location.reload()
    }
  </script>
 </head>
 <body>

  <a href="#" onclick="recargar()">Recargar<a/>

 </body>
</html>

Otras alternativas, que para mi gusto no se deberían utilizar a no ser que fuese estrictamente necesario por alguna extraña razón, sería utilizar algunas funciones con truco, por ejemplo ir la posición cero del historial, esto es, la posición actual, o igualar la localización de la ventana actual a ella misma:

<a href="#" onclick="history.go(0)">Recargar</a>

<a href="#" onclick="window.location.href=window.location.href">Recargar</a>

Recargar una página automáticamente con temporizador

Se puede crear una función javascript para recargar una página web de forma automática. En el siguiente ejemplo vemos como hacerlo añadiendo además un temporizador para que se recargue automáticamente tras el tiempo especificado, que puede ser cero para que la página se recargue de forma automática al instante.

<script type="text/JavaScript">
function recargar(tiempo) {
	setTimeout("location.reload(true);",tiempo);
}
</script>
<p>
<a href="#" onclick="recargar(3000)">Recargar en 3 segundos seconds</a><br/>
<a href="#" onclick="recargar(4500)">Recargar en 4 segundos y medio</a><br/>
<a href="#" onclick="recargar(0)">Recargar ahora</a>
</p>

A través del evento onload, o cualquier otro que quieras, puedes hacer que una página ser recargue de forma automática, incluso si el usuario no realiza ninguna acción:

<html>
 <head>
  <script type="text/JavaScript">
    function recargar(tiempo) {
	setTimeout("location.reload(true);",tiempo);
    }
  </script>
 </head>
 <body onload="recargar(10000);">
  <p>Esta página se recargará automáticamente en 10 segundos.</p>
 </body>
</html>

Recargar una página web con javascript puede útil y necesario en muchos casos, pero piensa bien cuándo, cómo y por qué recargar una página web, sobre todo las recargas automáticas, pues puede ser molesto para el usuario. Esta técnica, obviamente, no funcionará si el usuario tiene javascript deshabilitado en su navegador.

Creado el 13 04 2012 Actualizado el 13 04 2012