html - 从另一个页面更改 iframe

Question

我希望能够单击一个按钮，然后打开一个带有 iframepage1.html的新页面（例如），该 iframe 具有在 iframe 中指定的 URL。portal.html

所以，我想要2页。page1.html, 和portal.html. 门户页面上会有一个 iframe，我希望该 iframe 的 URL 根据我按下的按钮进行更改page1.html。

例如，page1.html将有 2 个按钮，button1并且button2.

• 如果我单击 button1，我将被发送到 portal.html 并在 iframe 中有https://example.com 。
• 如果我单击 button2，我将被发送到 portal.html 并在 iframe 中有https://stackoverflow.com 。

这是可能的，如果是我该怎么做？如果可能的话，我宁愿在没有任何服务器端代码（如 PHP）的情况下这样做。

编辑

我将有 5 页。

• 索引.html
• 门户网站.html
• page1.html
• page2.html
• page3.html

Portal.html 将有一个 iframe。

Index.html 将有 3 个按钮。

• 如果单击button1，我想加载页面portal.html（在新选项卡中）但在iframe中使用page1.html（在portal.html上）
• 如果我单击 button2，我想加载页面 portal.html（在新选项卡中）但在 iframe 中使用 page2.html（在 portal.html 上）
• 如果我单击 button3，我想加载页面 portal.html（在新选项卡中）但在 iframe 中使用 page3.html（在 portal.html 上）

标签： htmliframe

Answer 1

通过指定链接目标很容易做到这一点。例如，假设你的 iframe 有name这样的：

<iframe name="main"></iframe>

然后，对于您的链接，设置target：

<a href="page2.html" target="main">Page 2</a>

单击链接时，它将在 iframe 内打开，由其target属性指定。

您可以在 MDN 上找到更多信息： https ://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe