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

    JavaScript

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

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 
    实例:window.frames["ifm"].document.getElementById("btnOk").click(); 
     
    格式: 
    var obj=document.getElementById("iframe的name").contentWindow; 
    var ifmObj=obj.document.getElementById("iframe中控件的ID"); 
    ifmObj.click(); 
    实例: 
    var obj=document.getElementById("ifm").contentWindow; 
    var ifmObj=obj.document.getElementById("btnOk"); 
    ifmObj.click(); 

     在iframe中获取父窗口的元素

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

    Jquery

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

    1
    2
    3
    4
    5
    格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1 
    实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1 
     
    格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2 
    实例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2 

    在iframe中获取父窗口的元素

    1
    2
    格式:$('#父窗口中的元素ID', parent.document).click(); 
    实例:$('#btnOk', parent.document).click(); 

      

  • 相关阅读:
    非父子组件通信
    vue中的导航守卫
    vue中做出购物车的功能
    vuex初使用(写的当然是最简单的应用啦)
    封装了一个电商放大镜移入放大的功能,适用于VUE
    moment.js插件的简单上手使用
    Vue中如何将数据传递到下一个页面(超级简单哒)
    java Math
    java Arrays
    java static
  • 原文地址:https://www.cnblogs.com/byayn/p/10697525.html
Copyright © 2011-2022 走看看