父页面与子页面之间的元素获取与方法调用:
1、JS
父调子 | 子调父 | |
---|---|---|
元素 | window.frames[iframe的name属性值]; | ① window.parent.document.getElementById("父页面元素ID"); ②window.parent.document.getElementsByTagName("父页面元素标签名")[i]; ③window.parent.document.getElementsByClassName("父页面元素类名")[i]; |
方法 | ① document.getElementById("子页面元素ID").contentWindow.子页面方法名; ② document.getElementsByTagName("子页面元素标签名")[i].contentWindow.子页面方法名; ③ document.getElementsByClassName("子页面元素类名")[i].contentWindow.子页面方法名; | window.parent.父页面方法; |
2、JQUERY
父调子 | 子调父 | |
---|---|---|
元素 | $(iframe选择器).contents().find(iframe中元素选择器); | ① $(父页面元素选择器, window.parent.document); ② window.parent.$(父页面元素选择器)window.parent.父页面方法; |
方法 | $(iframe选择器)[0].contentWindow.子页面方法名; | window.parent.父页面方法; |