自定義跨域iFrame

Question

我需要獲取iFrame中CSS的權限。 我閱讀了一些關於SO的文章和問題。 所有人都說這是不可能的。 因為這是另一個世界。 我發現以下示例： 演示

有人可以解釋它是如何工作的，它實際上是跨域的嗎？

謝謝。

Answer 1

此頁面由三頁組成。

• 容器（ http://shouldersofgiants.co.uk/Examples/CrossDomain/ParentPage.html ）
• 熱門iframe（ http://www.pierslawson.webspace.virginmedia.com/Examples/CrossDomain/InnerFrame.html ）
• 底部iframe（ http://www.pierslawson.webspace.virginmedia.com/Examples/CrossDomain/InnerFrameProxy.html ）

為了使所有這些工作正常進行，包含頁面需要推送“消息”，而iframe需要收聽它們。

在容器頁面上，更改通過推送

 var elem = document.getElementById('innerFrameProxy');
 elem.contentWindow.location = 'http://www.pie ... meProxy.html#' + message;

iframe頁面具有

 function ForwardMessage() {
     var message = document.location.hash;

隨時准備接聽更改。

iframe的外觀和感覺發生了變化，因為它們被設置為這樣做，而不是因為它們被迫