父窗口与iFrame之间调用方法和元素

Posted 2020-10-16 hcha0

父窗口与iFrame之间调用方法和元素

父窗口调用子窗口：

调用元素

js
格式：  
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();

jQuery

  格式：$("#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的ID")[0].contentWindow.iframe方法();
实例：$("#ifm")[0].contentWindow().iClick(); // ifm 为 <iframe> 标签 id; iClick为子页面 js 方法

子窗口调用父窗口：

调用元素

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

jQuery
格式：$(‘#父窗口中的元素ID‘, parent.document).click();  
实例：$(‘#btnOk‘, parent.document).click();

 调用方法和变量

    window.parent.aa();//调取aa函数
    window.parent.bb;//调取bb变量

    例如：想在子页面中得到id为aaa的文本框的值

      window.parent.$("#aaa").val();//这种写法的前提是引用了jquery

      window.parent.getElementById("aaa").value; //js的写法