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();  
  • 相关阅读:
    smary里Js正则表达式不正常
    php7下对微信支付退款申请通知的解密处理
    apache下设置deflate/gzip
    从大表里随机取若干行的效率问题
    Ecshop、Discuz! 等开源产品的局限
    mysql实现ORACLE的connect by prior父子递归查询
    SQL计算字符串里的子字符串出现个数
    UCENTER同步登录工作原理和配置要点
    云服务器:西部数码VS阿里云
    用ftp命令实现主机文件批量更新
  • 原文地址:https://www.cnblogs.com/mailaidedt/p/5461581.html
Copyright © 2011-2022 走看看