在 iframe 中打开链接 [关闭]

Posted

技术标签:

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

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

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

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

更新 它是一个 iframe。

【问题讨论】:

你的方法应该行得通。给我们更多,实际的代码。 在这里分享了我的解决方案alfilatov.com/posts/how-to-open-links-from-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://***.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>

【讨论】:

以上是关于在 iframe 中打开链接 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

Fancybox - 单击 iframe 上的链接,更新 URL 地址

灯箱关闭时停止并播放 Iframe 视频

关闭图库后重新加载 iframe

灯箱关闭后,羽毛灯箱中的 Youtube iframe 视频继续播放

iframe 中的模态在关闭其他模态后删除主窗口中的滚动

不允许在另一台服务器上的 iFrame 中的标签或服务器链接上没有 robots.txt 索引? [关闭]