Zählen der Webseite voll geladene Elemente in Javascript

Question

Gibt es eine Möglichkeit, herauszufinden, wie viele Elemente werden in einer Webseite über Javascript geladen werden?
zum Beispiel, ich werde den Besucher etwas zeigen:

3 Objekte geladen, 10 Einsen bleiben! Warten Sie mal.

Answer 1

Wenn Sie unter "Elemente" DOM-Elemente verstehen, nein. Sie wissen nicht, dass sie existieren, bis sie geladen sind, und es ist nicht sehr zuverlässig, DOM-Abfragen durchzuführen, bevor sie überhaupt geladen wird.

Wenn Sie „Bilder“ oder etwas in diese Richtung bedeuten, könnten Sie so etwas wie dieses auf Ihrer Seite setzen:

<div id="loadingMessageContainer"></div> 

Und dies von der Seite am unteren Rand setzen (unter </body>)

<script type="text/javascript"> 
var imageCount = 0; 
var imagesLoaded = 0; 

//a function to execute when each image is loaded ("event handler") 
function handleImageLoad() { 
    imagesLoaded++; 
    updateImageDisplay(); 
} 

//a function which updates your message in the page 
function updateImageDisplay() { 
    var displayContainer = document.getElementById('loadingMessageContainer'); 
    var remaining = imageCount - imagesLoaded; 
    displayContainer.innerHTML = imagesLoaded + ' objects loaded, ' + remaining + ' remain. Please wait.'; 
} 

//get # of images on page and attach the OnLoad event handler 
var images = document.getElementsByTagName('img'); 
imageCount = images.length; 
for(var i=0;i<images.length;i++) { 
    images[i].onload = handleImageLoad; 
} 
</script>