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

Question

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

有没有办法在第三方代码上使用js或css检查是否在iframe中加载？

Answer 1

从iframe中的第三方JS中，您可以检查window.parent属性以查看它是否嵌入在其他页面中。

来自MDN for window.parent：

  

在<iframe>，<object>或<frame>中加载窗口时，   parent是嵌入窗口的元素的窗口。

     

如果窗口没有父窗口，则其父属性是对自身的引用。

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