首先页面:

<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

 
  1. <td  style="width: 50%" valign="top">
  2. <iframe name="xxx"
  3. id="xxx" frameborder="0"
  4. src="xxxxxxx"
  5. style="margin: 0 auto; width: 100%; height: 100%;"></iframe>
  6. </td>
  7. <td  style="width: 50%" valign="top">
  8. <iframe name="treeFrame"
  9. id="treeFrame" frameborder="0"
  10. src="xxxxxx"
  11. style="margin: 0 auto; width: 100%; height: 100%;"></iframe>
  12. </td>

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

[html] view plain copy

 
  1. var x = window.parent.document.getElementById("treeFrame");
  2. var right = (x.contentWindow || x.contentDocument);
  3. if(right.document){
  4. right = right.document;
  5. }z

window.parent为父窗口。

注意使用 contentWindow 和 contentDocument 属性。

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

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

如:

[html] view plain copy

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

同一页面的两个Iframe获取数据的更多相关文章

  1. 解决同一页面中两个iframe互相调用jquery,js函数

    这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下: <iframe width="10 ...

  2. 同一页面的不同Iframe获取数据

    公共父页面(主页面): <%@ page language="java" import="java.util.*" pageEncoding=" ...

  3. 同一页面的两个Iframe,其中一个iframe获取另一个iframe内的iframe中的元素值

    公共父页面(主页面): <%@ page language="java" import="java.util.*" pageEncoding=" ...

  4. javascript获取iframe框架中页面document对象,获取子页面里面的内容,iframe获取父页面的元素,

    javascript获取iframe框架中,加载的页面document对象 因为浏览器安全限制,对跨域访问的页面,其document对象无法读取.设置属性 function getDocument(i ...

  5. html页面嵌套两个iframe页面导致第二个iframe页面高度失效的问题

    1:这是因为最里面嵌套的iframe页面html和body高度无法设置问题,我的解决办法是js去控制iframe高度 2:js获取最子页面(content内容区域)的高度 var ifremHeigh ...

  6. 解决在IE中获取数据的缓存问题,运行环境为node.js

    IE下默认会开启缓存策略,不管是页面还是通过ajax请求的数据都会议一个url,url是uri(统一资源定位符)的实例,url就是资源的标识符. 写一个demo进行验证,测试环境:IE8,node.j ...

  7. Ajax 获取数据代码

    无刷新获取字符串: Html网页中: <script> //定义异步对象 var xmlHttp; //封装方法 function CreateXMLHTTP() { try { xmlH ...

  8. jsp页面通过ajax取值/展示数据及分页显示

    jsp页面通过ajax从后台获取数据,在页面展示,并实现分页效果代码: [JavaScript部分代码] 1 <script> function getComposition(pageno ...

  9. JS:字符串转成json数据,和json转成字符串方法 iframe获取父级传过来的数据

    字符串转成json数据,和json转成字符串方法 //转为JSON adinfo=JSON.parse(adinfo) //转为字符串 adinfo=JSON.stringify(adinfo) 大概 ...

随机推荐

  1. [ 转载 ] Java基础11--Java总结篇系列:Java泛型

    一. 泛型概念的提出(为什么需要泛型)? 首先,我们看下下面这段简短的代码: 1 public class GenericTest { 2 3 public static void main(Stri ...

  2. 递归与分治策略之棋盘覆盖Java实现

    递归与分治策略之棋盘覆盖 一.问题描述 二.过程详解 1.棋盘如下图,其中有一特殊方格:16*16 . 2.第一个分割结果:8*8 3.第二次分割结果:4*4 4.第三次分割结果:2*2 5.第四次分 ...

  3. 【Vijos 1998】【SDOI 2016】平凡的骰子

    https://vijos.org/p/1998 三维计算几何. 需要混合积求四面体体积: 四面体剖分后合并带权重心求总重心: 四面体重心的横纵坐标是四个顶点的横纵坐标的平均数: 三维差积求平面的法向 ...

  4. HTTP 499 状态码 nginx下 499错误[转]

    日志记录中HTTP状态码出现499错误有多种情况,我遇到的一种情况是nginx反代到一个永远打不开的后端,就这样了,日志状态记录是499.发送字节数是0. 老是有用户反映网站系统时好时坏,因为线上的产 ...

  5. java的反射机制(第二篇)

    本文转载自:http://c.biancheng.net/cpp/html/1781.html 要理解RTTI在Java中的工作原理,首先必须知道类型信息在运行时是如何表示的,这项工作是由“Class ...

  6. Python168的学习笔记8

    #coding:utf8 #斐波那契数列,第三项起,每一项都等于前两项之和 def memo(func): cache = {}#闭包 def wrap(*args): if args not in ...

  7. Python168的学习笔记7

    关于多线程操作. 对于IO操作,如访问网站,写入磁盘这种需要时间等待响应的操作,多个cpu也几乎不能提高效率. 对于CPU密集型操作,如这个格式转换,可以通过多个cpu同时去进行. 但是对于pytho ...

  8. python开发_csv(Comma Separated Values)_逗号分隔值_常用导入导出格式_完整版_博主推荐

    ## 最近出了一趟差,是从20号去的,今天回来...# 就把最近学习的python内容给大家分享一下...#''' 在python中,CSV(Comma Separated Values),从字面上面 ...

  9. mysql数据库表迁移

    @ 把老数据库中的某个表倒出成sql文件 $mysqldump -uroot -p123456 my_db > my_db.sql (输入密码) @ 在新环境中导入 $sudo apt-get ...

  10. Node.js学习笔记(1) - Node.js简介

    近期在看一些Node.js的知识,看完后觉得,一些前面的东西忘记了,于是整理一下,方便自己查阅,也希望对学习Node.js的朋友有些帮助: 当然以下只是我个人的观点和理解,不喜勿喷,也望大神指教. 一 ...