JavaScript => evenemang

Sidan, DOM och webbläsaren laddas

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

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.

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

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

JavaScript
evenemang

Sök…

Sidan, DOM och webbläsaren laddas