Refrescar página usando JavaScript: 6 ejemplos completos

Refrescar página usando JavaScript

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
Índice

    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.

    1. oscar dice:

      en donde puedo colocar esos script ? con extensión lo puedo poner a funcionar ?

    2. Pedro Jose dice:

      Me fue perfecto. gracias. Es muy util

    3. Wilson dice:

      Gracias, por su ayuda

    4. Nicolas dice:

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

    5. juan dice:

      Muchas gracias, muy util

    Deja una respuesta

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

    Subir