如何仅在 iframe 完全加载后显示页面？

Question

我的应用程序上有一个页面 index.php，它显示来自另一个页面 weather.php 的数据。 不幸的是，iframe 需要几秒钟才能加载，所以在页面完全加载后（我的意思是 index.php 页面），iframe 空间就在那里。 所以我想做的是让页面等待 iframe 完全加载，然后再显示完整的 html。我该怎么做 go 关于这个？

Answer 1

在加载 iframe 之前，您可以显示微调器。

下面的代码可用于检查 iframe 的加载状态并移除微调器。

var myIframe = document.getElementById('iframeid');
myIframe.addEventListener("load", function() {
    // remove spinner here
});