Sök…


Sidan, DOM och webbläsaren laddas

Detta är ett exempel för att förklara variationerna i belastningshändelser.

  1. onload-händelse
<body onload="someFunction()">
<img src="image1" />
<img src="image2" />
</body>

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

I detta fall loggas meddelandet när allt innehåll på sidan inklusive bilder och formatmallar (om sådana finns) har laddats fullständigt.

  1. DOMContentLoaded-händelse

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

I ovanstående kod loggas meddelandet bara efter att DOM / dokumentet har laddats ( dvs: när DOM är konstruerat ).

  1. Självkallande anonym funktion

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

Här loggas meddelandet så snart webbläsaren tolkar den anonyma funktionen. Det betyder att denna funktion kan köras även innan DOM laddas.



Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow