javascript - 如何检查 iframe 是否正在加载元素？

Question

我有一些第 3 方代码(知识库)，我需要将其加载到我网站的 iframe 中，以便我可以在弹出窗口模式中显示它，但是当通过弹出窗口加载时，我需要隐藏一些元素。因为它来自不同的域，所以我无法在主站点上运行任何代码来隐藏元素，这意味着我的解决方案是有条件地从第 3 方应用程序中隐藏该代码(我可以修改显示 html/js/css来自第 3 方)。

有什么方法可以在第 3 方代码上使用 js 或 css 运行检查，以检查它是否被加载到 iframe 中？

Answer 1

通过iframe中的第三方JS，可以查看window.parent属性以查看它是否嵌入到其他页面中。

来自 MDN for window.parent :

When a window is loaded in an <iframe>, <object>, or <frame>, its parent is the window with the element embedding the window.

If a window does not have a parent, its parent property is a reference to itself.

if (window.parent !== window) {
   // this window is embedded into something
}