• 同一页面的两个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");  
  • 相关阅读:
    数组的排序
    2017-2018学年实习心得
    2017-2018学年实习总结
    古人警句
    课程意见
    第二次冲刺第十天
    第二次冲刺第九天
    第二次冲刺第八天
    第二天冲刺第七天
    第二次冲刺第六天
  • 原文地址:https://www.cnblogs.com/henuyuxiang/p/7426829.html
Copyright © 2020-2023  润新知