zoukankan      html  css  js  c++  java
  • 同一页面的两个Iframe获取数据

    首先页面:

    <td  style=" 50%" valign="top">
        <iframe name="xxx"
            id="xxx" frameborder="0"
            src="xxxxxxx" 
            style="margin: 0 auto;  100%; height: 100%;">
      </
    iframe> </td> <td style=" 50%" valign="top"> <iframe name="treeFrame" id="treeFrame" frameborder="0" src="xxxxxx" style="margin: 0 auto; 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=" 50%" valign="top">  
    2.     <iframe name="xxx"  
    3.         id="xxx" frameborder="0"  
    4.         src="xxxxxxx"   
    5.         style="margin: 0 auto;  100%; height: 100%;"></iframe>  
    6. </td>  
    7. <td  style=" 50%" valign="top">  
    8.     <iframe name="treeFrame"  
    9.         id="treeFrame" frameborder="0"  
    10.         src="xxxxxx"   
    11.         style="margin: 0 auto;  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");  
  • 相关阅读:
    高效DevOps的10项实践
    Qlik Sense Desktop
    CQRS架构
    Scala开发环境搭建与资源推荐
    Scala是一门现代的多范式编程语言
    四种优秀架构
    干净的架构The Clean Architecture
    自动更改IP地址反爬虫封锁,支持多线程(转)
    ActiveMQ源码架构解析第一节(转)
    grails的controller和action那点事---远程调试groovy代码
  • 原文地址:https://www.cnblogs.com/henuyuxiang/p/7426829.html
Copyright © 2011-2022 走看看