javascript - 如何将 iframe 加载与父页面加载同步

Question

我有一个页面，其中有一个 iFrame 从第 3 方网站加载信用卡支付表格 [PCI compliance sake]。

我有两个问题要解决。

1,页面和 iframe 加载速度不同导致页面闪烁。如何同步 iframe 加载和页面加载？

2，如果第 3 方网站出现故障，我想更换 iframe 或至少将其重定向到其他来源。如何判断iframe加载失败。

Answer 1

@#2:在将页面呈现给最终用户之前使用服务器端技术轮询第 3 方页面 - 然后确定什么是最佳行动方案(显示 iframe(呻吟)或呈现“不可用”对话框)

@ #1 - 理想情况下，您将像上面的 (@ #2 解决方案) 那样合并一个轮询过程，并在页面可用时简单地绘制页面，或者将其作为异步组件处理，并合并一个轮询过程 + 显示逻辑(如 fadein 或 animate - 因为你有 jquery 标记)一旦可用。