javascript - 从 iFrame 内部加载的外部页面访问 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>
   <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>

我的所有尝试都得到了undefined

如何做到?可能吗?

Edit: I tried loading a cross domain page.

In IE i am getting error ' for security reason framing is not allowed' and also domains, protocols and port must match. Can we achieve this any way?

最佳答案

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

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

关于javascript - 从 iFrame 内部加载的外部页面访问 IFrame 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14254288/

相关文章:

javascript - 从消息 react 中随机选择用户

javascript - document.lastModified 在 div 中使用 JQuery

javascript - 如何通过单击另一个标签来更改一个标签的类和文本?

javascript - jQuery : drag and drop : find the id of the target

jquery - 如何使用 jQuery 让我的图像淡入淡出

javascript - 您如何以编程方式告诉 HTML SELECT 下拉(例如,由于鼠标悬停)?

javascript - 淡入随机 Javascript 游戏

javascript - ReactJS 项目中 webpack 导入的行为是什么?

javascript - Extjs模型数组的字符串映射

JavaScript:在页面加载时隐藏滚动条