加载 gif 不等待 iFrame 加载?

Question

我希望显示一个加载.gif，直到所有内容都加载完毕，包括嵌入式iframe。但是，目前，一旦除iframe之外的所有内容都已加载，加载gif就会消失。我怎样才能让它等到iframe也加载完毕？

当前使用此：

<script>
$(window).ready(function() {
$('#loadinga').hide();
});
</script>

谢谢

Answer 1

<iframe name="xyz"></iframe>
<script>
var expectedLoadCount = 2; 
function checkEverythingLoaded() {
expectedLoadCount--;
if (expectedLoadCount > 0) return
$('#loadinga').hide();
}
$("#xyz").on("load", checkEverythingLoaded);
$(window).ready(checkEverythingLoaded);
</script>

Answer 2

假设你的 iframe ID 是iframeId

然后试试这个——

<iframe id="iframeId" src="..."></iframe>
<script>
document.getElementById('iframeId').onload = function() {
$('#loadinga').hide();
alert('iframe is loaded');
};
</script>