iframe父页面与子页面之间的元素获取与方法调用

1、JS

父调子

元素：

window.frames[iframe的name属性值];

方法：

① document.getElementById("子页面元素ID").contentWindow.子页面方法名;
② document.getElementsByTagName("子页面元素标签名")[i].contentWindow.子页面方法名;
③ document.getElementsByClassName("子页面元素类名")[i].contentWindow.子页面方法名;
 

子调父

元素：

① window.parent.document.getElementById("父页面元素ID");
②window.parent.document.getElementsByTagName("父页面元素标签名")[i];
③window.parent.document.getElementsByClassName("父页面元素类名")[i];

方法：

window.parent.父页面方法;

 

 

2、JQUERY

父调子

元素：

$(iframe选择器).contents().find(iframe中元素选择器);

方法：

$(iframe选择器)[0].contentWindow.子页面方法名;

子调父

元素：

① $(父页面元素选择器, window.parent.document);
② window.parent.$(父页面元素选择器)window.parent.父页面方法;

方法：

window.parent.父页面方法;

 

 

转载自：https://blog.youkuaiyun.com/wttykj/article/details/78538592