父页面获取iframe中的内容

如何实现获取iframe里面的内容

父页面读写操作子页面:
<iframe id="test-iframe" name="test-iframe" src="child.html" scrolling="no" frameborder="0"></iframe>

<script>
window.onload = function () {
/*
* 下面两种获取节点内容的方式都可以。
* 由于 IE6, IE7 不支持 contentDocument 属性,所以此处用了通用的
* window.frames["iframe Name"] or window.frames[index]
*/
var d = window.frames["test-iframe"].document;
d.getElementsByTagName('h1')[0].innerHTML = 'pp';
alert(d.getElementsByTagName('h1')[0].firstChild.data);
}
</script>
注:在请务必通过 window.onload 方法访问 iframe 中的节点,否则浏览器会提示错误-拒绝访问。在 IE8, Firefox3.6, Opera11 下在 DOMReady 时也可以访问 iframe 中的节点。
温馨提示:内容为网友见解,仅供参考
无其他回答

父页面获取iframe中的内容
父页面读写操作子页面:<iframe id="test-iframe" name="test-iframe" src="child.html" scrolling="no" frameborder="0"><\/iframe> <script> window.onload = function () { \/ 下面两种获取节点内容的方式都可以。由于 IE6, IE7 不支持 contentDocument 属性,所以此处用了通用的 window.frame...

如何获取iframe里面的元素
在iframe中获取父窗口的元素 Js代码 格式:$('#父窗口中的元素ID', parent.document).click();实例:$('#btnOk', parent.document).click();

js对iframe内外(父子)页面进行操作
在JavaScript中,操作iframe主要涉及两种情况:在iframe内部控制外部代码,以及在父页面对子iframe的操作。关键的API包括iframe的contentWindow和contentDocument,它们分别获取iframe的window对象和document对象,类似于DOM节点的getElementsByxxx方法。获取iframe内容的方式有多种,可以通过iframe对象的Name属性结合window...

jquery,iframe,如何在父窗口监听,子窗口发生改变时,父窗口获取子窗口的...
①jquery在父页面 获取iframe子页面的元素 代码如下:(objid为子页面的id)("#objid",document.frames('iframename').document)②js 在父页面获取iframe子页面元素代码如下:window.frames["iframe_ID"].document.getElementByIdx_x("元素id");以上两种都能获取到子页面中的元素,再根据元素去获取元素...

JavaScript 怎么跨域获取 iframe 中的内容
在HTML5中新增了postMessage的API。可以方便窗口跟内部iframe之间进行通信,并且可以实现跨主域通信。但是有一些限制,1.老版本的浏览器一般不支持。2.父窗口只能向iframe中发送信息,iframe只能收消息,且父窗口不能直接操作iframe中的内容。3.父窗口发送的数据也是有限制的。只能发送基本数据类型或者plain ...

iframe父子通信,看这篇就够了
在开发过程中,遇到嵌套页面的需求,通常会借助iframe技术。要实现父子页面间的通信,主要有两种场景:1. **同源页面通信**:当两个页面(如parent.html和child.html)同在一个域名下,可以通过iframe的id或name属性获取到子页面window对象,进行直接调用。例如,父页面可以通过`window.frames['childFrame'...

JS对Iframe内外页面进行操作
在iframe内获取iframe外的内容window.parent获取上一级的window对象,如果还是iframe则是该iframe的window对象window.top获取最顶级容器的window对象,即,就是你打开页面的文档 在iframe中调用父页面中定义的方法和变量window.parent.window.parentMethod();window.parent.window.parentValue;在父页面操作iframe子...

如何用javascript 跨域获取iframe子页面的元素信息
跨域的话想用父页面的js获取iframe里的元素是不可能的。用chrome扩展程序的话是可以的。

iframe父页面获取子页面的值时显示为空是怎么回事啊
回答:id不要用数字, 把01改成字母或者字母加数字试试。

js\/jquery父页面中如何修改iframe内部样式?
在父页面中修改iframe内部样式,可通过以下步骤实现:首先,获取iframe元素。接着,访问iframe内部文档对象。最后,调整所需样式。使用JavaScript进行上述操作的代码如下:javascript var iframe = document.getElementById('iframeID'); \/\/ 获取iframe元素 var iframeDoc = iframe.contentWindow.document; \/\/ ...

相似回答