Zoeken…


Pagina, DOM en browser laden

Dit is een voorbeeld om de variaties van belastinggebeurtenissen uit te leggen.

  1. onload evenement
<body onload="someFunction()">
<img src="image1" />
<img src="image2" />
</body>

<script>
    function someFunction() {
    console.log("Hi! I am loaded");
}
</script>

In dit geval wordt het bericht vastgelegd zodra alle inhoud van de pagina inclusief de afbeeldingen en stijlbladen (indien aanwezig) volledig is geladen.

  1. DOMContentLoaded-gebeurtenis

    document.addEventListener("DOMContentLoaded", function(event) {
        console.log("Hello! I am loaded");
    });
    

In de bovenstaande code wordt het bericht alleen vastgelegd nadat het DOM / document is geladen (dat wil zeggen: zodra de DOM is geconstrueerd ).

  1. Zelfoproepende anonieme functie

    (function(){
        console.log("Hi I am an anonymous function! I am loaded");
    })();
    

Hier wordt het bericht vastgelegd zodra de browser de anonieme functie interpreteert. Dit betekent dat deze functie al kan worden uitgevoerd voordat de DOM is geladen.



Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow