Javascript 延迟页面呈现，直到加载iframe

我们有以下情况：

• 我们有一个网页（我们称之为PageA），它只提供网站的标题
• 我们还有另一个网页（我们称之为B页），它提供了没有标题的内容，并将A页包含在隐藏的iframe中
• 加载页面A时，它将获得自己的HTML并将其添加到页面B中的空div中

所有这些都如预期的那样起作用

我的问题：

当页面B到达iframe时，我是否可以延迟页面B的页面呈现，等待加载iframe，并在页面A中填充HTML后继续呈现。这种行为应该像我从同步AJAX调用中调用内容一样。在填充菜单HTML之前，不要在主菜单下显示页面内容

这背后的业务逻辑：

我们正在使用外部服务作为论坛，我们需要在上面添加我们的网站标题。他们可以提供一个免费的html插槽，我们可以在其中放置自己的html。标头是动态的，因此每次都需要从URL加载它。由于他们的网站可能响应更快，我们不希望加载内容，几分钟后菜单不知从何处弹出。在继续显示内容之前，我们需要填充菜单HTML。菜单HTML由iFrame从iFrame填充，因此我们需要等待它加载

---

任何帮助都将不胜感激。

在内容加载的事件处理程序中动态插入

的标记。因为您已经标记了问题

jquery

$(window).on("load", function() {
    var iframe = $("iframe").attr("src",url).whatever();
    $("whatever selector").append(iframe);

})

---

也许您可以通过style=“display:none；”隐藏页面B的内容，然后在iframe的加载事件触发时显示内容。

父页面中的样式不会影响

，但如果您可以访问

的样式表，这可能会起作用