在 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 地址