zoukankan      html  css  js  c++  java
  • Js/Jquery获取iframe中的元素

    转载:

    Js/Jquery获取iframe中的元素 - - ITeye技术网站
    http://java-my-life.iteye.com/blog/1275205

    在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。

    js

    在父窗口中获取iframe中的元素

    1.

    Js代码  收藏代码
    1. 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();  
    2. 实例:window.frames["ifm"].document.getElementById("btnOk").click();  

     2.

    Java代码  收藏代码
    1. 格式:  
    2. var obj=document.getElementById("iframe的name").contentWindow;  
    3. var ifmObj=obj.document.getElementById("iframe中控件的ID");  
    4. ifmObj.click();  
    5. 实例:  
    6. var obj=document.getElementById("ifm").contentWindow;  
    7. var ifmObj=obj.document.getElementById("btnOk");  
    8. ifmObj.click();  

     在iframe中获取父窗口的元素

    Js代码  收藏代码
    1. 格式:window.parent.document.getElementById("父窗口的元素ID").click();  
    2. 实例:window.parent.document.getElementById("btnOk").click();  

    jquery

    在父窗口中获取iframe中的元素

    1.

    Js代码  收藏代码
    1. 格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1  
    2. 实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1  

    2.

    Js代码  收藏代码
    1. 格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2  
    2. 实例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2  

     在iframe中获取父窗口的元素

    Js代码  收藏代码
    1. 格式:$('#父窗口中的元素ID', parent.document).click();  
    2. 实例:$('#btnOk', parent.document).click();  
  • 相关阅读:
    HDU 1058 Humble Numbers
    HDU 1421 搬寝室
    HDU 1176 免费馅饼
    七种排序算法的实现和总结
    算法纲要
    UVa401 回文词
    UVa 10361 Automatic Poetry
    UVa 537 Artificial Intelligence?
    UVa 409 Excuses, Excuses!
    UVa 10878 Decode the tape
  • 原文地址:https://www.cnblogs.com/mailaidedt/p/5461581.html
Copyright © 2011-2022 走看看