HTML嵌入页面的和主页面的之间的元素和方法调用(iframe)

最新推荐文章于 2024-08-18 21:47:24 发布

huyishero

最新推荐文章于 2024-08-18 21:47:24 发布

阅读量2.7k

点赞数

文章标签： iframe html

本文链接：https://blog.csdn.net/huyishero/article/details/86287439

版权

本文探讨了如何在HTML中使用iframe嵌入子页面，并实现主页面与子页面间的元素操作和方法调用。通过示例代码展示了子页面如何调用父页面的元素，以及父页面如何调用子页面的方法，实现了两者之间的交互功能。

摘要由CSDN通过智能技术生成

在使用iframe时，可以在页面中嵌入一个子页面，通过点击主页面的按钮切换不同的子页面。

那如果想点击子页面的按钮，切换主页面的显示效果，需要怎么做呢。

	父调子	子调父
元素	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.父页面方法;