在 iframe 中打开链接 [关闭]答案

【问题标题】：open link in iframe [closed]在 iframe 中打开链接 [关闭]
【发布时间】：2010-10-18 22:56:09
【问题描述】：

我有一个页面，其中有一个框架，框架下方有一些链接。

我希望链接在单击时打开框架中的页面。

我试过<a href="" target="nameofframe">link1</a>，但没用？

更新它是一个 iframe。

【问题讨论】：

你的方法应该行得通。给我们更多，实际的代码。
在这里分享了我的解决方案alfilatov.com/posts/how-to-open-links-from-iframe

标签： html iframe

【解决方案1】：

假设 iFrame 的 name 属性为“myIframe”：

<a href="http://www.google.com" target="myIframe">Link Text</a>

您也可以使用 Javascript 来完成此操作。 iFrame 有一个 src 属性，用于指定它显示的位置。因此，将链接的单击绑定到更改该 src 属性是一件简单的事情。

【讨论】：

这是一个简单的演示：jsfiddle.net/HnXFj/2
请注意 iframe 的“名称”属性，而不是 ID。

【解决方案2】：

试试这个：

<iframe name="iframe1" src="target.html"></iframe>

<a href="link.html" target="iframe1">link</a>

“目标”属性应在 iframe 中打开。

【讨论】：

【解决方案3】：

使用属性名。

在这里您可以找到解决方案（“使用 iframe 作为链接的目标”）： http://www.w3schools.com/html/html_iframe.asp

【讨论】：

【解决方案4】：

<a href="YOUR_URL" target="_YOUR_IFRAME_NAME">LINK NAME</a>

【讨论】：

【解决方案5】：

由于链接的目标与 iframe 的名称匹配，因此链接将在 iframe 中打开。试试这个：

<iframe src="http://stackoverflow.com/" name="iframe_a">
<p>Your browser does not support iframes.</p>
</iframe>

<a href="http://www.cnn.com" target="iframe_a">www.cnn.com</a>

【讨论】：

【解决方案6】：

今天早上我在一个项目中遇到了这个问题。确保在 head 部分中指定基本标记。

应该是这样的：

<head>
<base target="name_of_iframe">
</head>

这样，当您单击页面上的链接时，默认情况下它将在 iframe 内打开。

希望有所帮助。

【讨论】：

【解决方案7】：

嗯，还有另一种方法！您可以使用按钮而不是超链接。因此，当单击按钮时，在名为“name_of_iframe”的目标框架中打开“name_of_webpage”中指定的网页。它对我有用！

<form method="post" action="name_of_webpage" target="name_of_iframe">
<input type="submit" value="any_name_you_want" />
</form>
<iframe name="name_of_iframe"></iframe>

【讨论】：