1

JavaScriptを使用してIFrameソースページからメインページで利用可能なIFrame要素にアクセスしたい

ここに私のメインページがあります

<html>
<body>
<IFrame id="page-container" src="http://stackoverflow.com"
      width="200px" height="200px">
</IFrame>
</body>
</html>

子ページ

 <html>
   <head>
   <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"/>
   <script type="text/javascript" >
   $(document).ready(function(){
    var containerFrame= $('#page-container');
    //var containerFrame=document.frames["page-container"];
    //var containerFrame=document.frames["page-container"];
    //var containerFrame=document.parent.frames["page-container"];
   });
   </script>

   <body>
   <div>some content..</div>
   </body>
   </html>

私はすべての試行で未定義になっています。

それはどのように行うことができますか？出来ますか？

編集：クロスドメインページを読み込んでみました。

IE では、「セキュリティ上の理由からフレーミングが許可されていません」というエラーが表示され、ドメイン、プロトコル、およびポートも一致する必要があります。どうにかしてこれを達成できますか?

4

2 に答える 2

2 
var containerFrame = $('#page-container', window.parent.document)

これは、最初にウィンドウの親を参照してから、iframedivを探す必要があります

于 2013-01-10T09:17:16.893 に答える
1

検索するコンテキストを指定する必要があり#page-containerます。この場合は、親ウィンドウになります。

var containerFrame = $('#page-container', window.parent.document);
于 2013-01-10T09:17:30.983 に答える