有什么方法可以通过 javascript 找出网页中将加载多少元素?
例如,我将向访问者展示如下内容:
3 objects loaded, 10 ones remain! please wait.
最佳答案
如果“元素”指的是 DOM 元素,则不是。在加载之前您不知道它们存在,而且在加载完成之前尝试执行 DOM 查询也不是很可靠。
如果您指的是“图像”或类似的内容,您可以在页面上放置如下内容:
<div id="loadingMessageContainer"></div>
并将其放在页面底部(</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>
关于javascript - 在javascript中计算网页完全加载的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/728017/