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

Posted 2023-05-08

【中文标题】如何将 iframe 加载与父页面加载同步

【英文标题】：How to synchronize an iframe load with the parent page load

【发布时间】：2012-05-04 14:07:55

【问题描述】：

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

我想解决两个问题。

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

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

【问题讨论】：

我已经尝试了问题 [link]***.com/questions/30005/… [link] 中的方法，但没有成功

【参考方案1】：

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

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