javascript - クロスドメイン iFrame のカスタマイズ

Question

iFrame で css にアクセスする必要があります。SOに関するいくつかの記事と質問を読みました。そして、誰もがこれは不可能だと言います。ここは異世界だから。次の例を見つけました: demo

誰かがそれがどのように機能するかを説明できますか?それは本当にクロスドメインですか?

ありがとう。

Answer 1

このページは3ページで構成されています。

• コンテナ（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は、そうするように設定されているため、ルックアンドフィールが変更されました。