您的位置:首页 > 其它

同一页面的两个Iframe获取数据

2017-08-25 10:34 190 查看
首先页面:

<td  style="width: 50%" valign="top">
<iframe name="xxx"
id="xxx" frameborder="0"
src="xxxxxxx"
style="margin: 0 auto; width: 100%; height: 100%;">
  </iframe>
</td>
<td  style="width: 50%" valign="top">
<iframe name="treeFrame"
id="treeFrame" frameborder="0"
src="xxxxxx"
style="margin: 0 auto; width: 100%; height: 100%;">
  </iframe>
</td>


此时左侧的IFrame想要获取到右侧的Iframe中的数据:

var x = window.parent.document.getElementById("treeFrame");
var right = (x.contentWindow || x.contentDocument);
if(right.document){
  right = right.document;
}


window.parent为父窗口。

注意使用 contentWindow 和 contentDocument 属性。

此时 right 就可以看做是 右侧Iframe的 document对象了。

即:通过right对象来 获取右侧iframe的数据。

如:

var obj = right.getElementsByTagName("input");


首先页面:

[html] view plain copy

<td style="width: 50%" valign="top">

<iframe name="xxx"

id="xxx" frameborder="0"

src="xxxxxxx"

style="margin: 0 auto; width: 100%; height: 100%;"></iframe>

</td>

<td style="width: 50%" valign="top">

<iframe name="treeFrame"

id="treeFrame" frameborder="0"

src="xxxxxx"

style="margin: 0 auto; width: 100%; height: 100%;"></iframe>

</td>

此时左侧的IFrame想要获取到右侧的Iframe中的数据:

[html] view plain copy

var x = window.parent.document.getElementById("treeFrame");

var right = (x.contentWindow || x.contentDocument);

if(right.document){

right = right.document;

}z

window.parent为父窗口。

注意使用 contentWindow 和 contentDocument 属性。

此时 right 就可以看做是 右侧Iframe的 document对象了。

即:通过right对象来 获取右侧iframe的数据。

如:

[html] view plain copy

var obj = right.getElementsByTagName("input");
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: