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

最新推荐文章于 2021-04-15 13:53:02 发布

原创最新推荐文章于 2021-04-15 13:53:02 发布 · 218 阅读

CC 4.0 BY-SA版权

本文详细介绍了父页面与子页面间的元素获取及方法调用方式，包括使用JS和JQUERY进行父页面调用子页面、子页面调用父页面的具体实现步骤。通过不同方法和示例，帮助开发者更好地理解跨页面交互机制。

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

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.父页面方法;