如何檢查iframe是否正在載入元素？

Question

我有一些第三方代碼（知識庫），我需要加載在我的網站上的iframe，所以我可以顯示它在彈出窗口模式，但通過彈出窗口加載時，我需要隱藏一些元素。因爲它來自不同的域，所以我無法在主站點上運行任何代碼來隱藏元素，這意味着我的解決方案是有條件地從第三方應用程序中隱藏該代碼（我可以修改display html/js/css來自第三方）。

有什麼辦法可以在第三方代碼上用js或css運行檢查來檢查它是否被加載到iframe中？

Answer 1

從iframe中的第三方JS，您可以檢查window.parent屬性以查看它是否嵌入在其他頁面中。

MDN for window.parent來自：

當在，<object>被加載一個窗口，或<frame>，其 親本是與元件嵌入窗口的窗口。

如果窗口沒有父窗口，則其父窗口屬性是對自身的引用。

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