记录iframe获取父、子窗口的元素和方法

子页面获取父页面的id=care的子页面

parent.care.location.reload();

父页面获取id=imp的子页面

imp.location.reload();

1. jquery在iframe子页面获取父页面元素和方法代码如下:

parent.$("selector");

parent.method();

 

2. jquery在父页面获取iframe子页面的元素和方法

代码如下:

iframe.$("select");

iframe.method();

 

3.js在iframe子页面获取父页面元素代码如下:

window.parent.document.getElementById("元素id");

 

4.js在父页面获取iframe子页面元素代码如下:

window.frames["iframe_ID"].document.getElementById("元素id");

 

方法调用

父页面调用子页面方法：FrameName.window.childMethod();

子页面调用父页面方法：parent.window.parentMethod();

 

DOM元素访问

获取到页面的window.document对象后，即可访问DOM元素

项目中是一个div中嵌套了多个包含ifream的div,但是在包括iream的div中需要获取父div的内容所以:

项目代码:

var params = parent.$(".finbi[CONDITIONDIV]").find("div iframe");    //获取class为finbi并且包含属性为CONDITIONDIV的元素下的div 中的iframe元素

拿到之后是个数组,循环获取

for(var i=0 ;i<params.length;i++){

          //contentDocument 属性以 HTML 对象返回框架容纳的文档

     var con =  params[i].contentDocument.getElementById("conditionParam").getAttribute("condate");
}

注意jq和js的转换:

    jq--->js   : $()

    js--->jq   :get(0)