调用iframe的方法

2024年4月18日发(作者：)

调用iframe的方法

调用 iframe 是在网页中嵌入另一个网页的方法。使用 iframe 可以方便地在一

个网页中展示其他网页的内容，常见的应用场景包括展示广告、嵌入地图、显示

外部网页等。

要使用 iframe，首先需要在 HTML 文件中插入一个 iframe 元素，并设置其

src 属性为要嵌入的网页的链接。例如，以下代码会在网页中展示一个嵌入了百

度首页的 iframe：

html

上面的代码设置了 iframe 的宽度为 500 像素、高度为 300 像素，去掉了边

框以及滚动条。

通过 JavaScript，还可以动态地改变 iframe 的源（src）属性，实现在用户操

作或特定事件发生时切换 iframe 内容。下面是一个示例代码：

html

运行上面的代码，页面上会显示两个按钮，点击其中一个按钮会动态地改变嵌入

的 iframe 的源，从而切换显示的网页。

此外，使用 iframe 还可以通过控制其 contentWindow 属性来与嵌入的网页

进行通信。contentWindow 属性可以获取指向 iframe 内容的窗口对象，通

过这个对象可以调用 iframe 内部网页的方法、访问其属性等。以下是一个示例

代码：

html