JavaScript onload dogodek

Dogodek onload se sproži, ko je element ali stran popolnoma naložena. Najpogosteje se uporablja na elementu body ali objektu window za izvajanje kode po tem, ko so vse slike, skripte, stili in drugi viri uspešno naloženi.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>Demonstracija onload dogodka</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body onload="pozdraviUporabnika()">
    <div class="container">
        <div id="pozdrav" class="welcome-message">
            <h1>Dobrodošli v JavaScript vadnici!</h1>
        </div>
        <div id="status" class="status">Stran se nalaga...</div>
    </div>

    <script>
    function pozdraviUporabnika() {
        // Posodobi status nalaganja
        document.getElementById("status").textContent = "Stran je uspešno naložena!";
        
        // Dodatno sporočilo po 1 sekundi
        setTimeout(() => {
            document.getElementById("status").textContent = 
                "Dogodek onload se je sprožil in izvedel vse potrebne inicializacije.";
        }, 1000);
    }
    </script>
</body>
</html>

REZULTAT