body.onoffline | Html

Descripción

El evento offline es generado por la ventana cuando se pierde la conexión a internet. La propiedad window.navigator.onLine cambia su valor a false.

Sintaxis

<body onoffline="funcion(event)"></body>

Elemento Padre

body

Ejemplo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dectectar Offline/OnLine</title>

    
</head>
<body>

    <h1>Dectectar Offline/OnLine</h1>

    El navegador está en modo <strong><span id="mode"></span></strong>


    <script>
        window.addEventListener("offline",function(e){
            console.log("Conexión perdida")
            texto = document.getElementById("mode");
            texto.innerHTML = "OffLine";
        });

        window.addEventListener("online",function(e){
            console.log("Conexión establecida")
            texto = document.getElementById("mode");
            texto.innerHTML = "OnLine";
        });

        texto = document.getElementById("mode");
        modo = (window.navigator.onLine)?"OnLine":"OffLine";
        texto.innerHTML = modo;
        console.log("Conexión Inicial " + modo);

    </script>
    
</body>
</html>

Artículos

Manual HTML

Aprende más sobre HTML consultando online o descargando nuestro manual.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Vídeos HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.