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

Question

我有一个页面，其中有一个 iFrame 从第三方网站加载信用卡付款表格 [PCI 合规性缘故]。

我有两个要解决的问题。

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

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

Answer 1

@ #2：在将页面呈现给最终用户之前，使用服务器端技术轮询第 3 方页面 - 然后确定最佳操作方案（显示 iframe（呻吟）或显示“不可用”对话框）

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