从iframe中触发顶级操作

Question

我在iframe加载了一个应用程序。我目前正在做的是：

1. 顶部文档创建带有旋转轮的div
2. iframe开始加载
3. iframe加载后，onload事件被触发以隐藏带有旋转轮的div
4. 但是iframe仍然需要加载资源（CSS，JS，...）

我遇到的问题是步骤4很长，我想继续显示旋转轮（从iframe定义中删除onload事件）。只要iframe已完全加载，我就想在顶级文档中触发一个事件。

如何在iframe内触发顶级事件？ jQuery会很棒。

Answer 1

您可以在iframe代码中尝试此操作：

$(document).ready(function () {
         parent.hideSpinningWheel();
});

你必须创建一个名为hideSpinningWheel的函数，在你的父页面中做你想做的事。