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)

这应该首先引用窗口的父级，然后查找 iframe div

于 2013-01-10T09:17:16.893 回答
1

您需要指定要在其中搜索的上下文#page-container，在这种情况下将是父窗口。

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