Javascript 从IFrame内部加载的外部页面访问IFrame元素_Javascript_Jquery_Html_Dom_Iframe

Javascript 从IFrame内部加载的外部页面访问IFrame元素

javascript jquery html dom iframe

Javascript 从IFrame内部加载的外部页面访问IFrame元素,javascript,jquery,html,dom,iframe,Javascript,Jquery,Html,Dom,Iframe,我想使用JavaScript从IFrame源页面访问主页中可用的IFrame元素这是我的主页 <html> <body> <IFrame id="page-container" src="http://stackoverflow.com" width="200px" height="200px"> </IFrame> </body> </html> 子页面 <html> <hea

我想使用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>


$（文档）.ready（函数（）{
var containerFrame=$（“#页面容器”）；
//var containerFrame=document.frames[“页面容器”]；
//var containerFrame=document.frames[“页面容器”]；
//var containerFrame=document.parent.frames[“页面容器”]；
});
一些内容。。

在我所有的尝试中，我都得到了未定义的
如何做到这一点？可能吗？
编辑：我尝试加载跨域页面
在IE中，我收到错误“出于安全原因，不允许框架”，并且域、协议和端口必须匹配。我们能以任何方式实现这一点吗

这应该首先引用窗口的父窗口，然后查找iframe div。您需要指定要在中搜索
#页面容器的上下文，在这种情况下，它将是父窗口 var containerFrame = $('#page-container', window.parent.document); @穆拉里没问题，很乐意帮忙。别忘了接受答案。当他第一次进入jye265时，我立即开始尝试接受答案，但SOF告诉我“你们可以在6分钟内接受答案”。正在等待：）我尝试加载跨域页面。但是有一个错误。可能吗？请查看我的更新答案我尝试加载跨域页面。但是有一个错误。可能吗？请看我的最新答案对不起，浏览器不允许不同域的iFrame互相调用函数，这是安全问题 var containerFrame = $('#page-container', window.parent.document);