logo标签列表

在iframe中打开链接

javascripthtmliframetarget
58

我有一个包含iframe的网页。

我希望当用户点击链接时，可以在这个frame中打开链接。

我尝试了<a href="" target="nameofframe">link1</a>但是没有生效？

如何将网页链接显示在一个frame中？

3
你的方法应该可行。请提供更多实际的代码。 - AmbroseChapel
在这里分享我的解决方案 https://alfilatov.com/posts/how-to-open-links-from-iframe/ - Alex Filatov
7个回答
63
假设iFrame具有名称属性"myIframe":
<a href="http://www.google.com" target="myIframe">Link Text</a>

您还可以通过使用Javascript来完成此操作。 iFrame具有指定其显示位置的src属性。 因此，只需将链接的单击绑定到更改该src属性即可。

3
这是一个简单的演示：http://jsfiddle.net/HnXFj/2/ - Anderson Green
11
请注意iframe的"name"属性，而不是ID。 <iframe name="myIframe" id="iframe1"></iframe> - Tejasvi Hegde
46

试试这个：

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

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

“target”属性应在iframe中打开。

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

由于链接的目标与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>
1

今天早上我在一个项目中遇到了这个问题。请确保在标签中指定基准标签。

应该像这样：

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

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

希望这有所帮助。

1

好的，还有另一种方法！您可以使用按钮而不是超链接。因此，当单击按钮时，将在名为“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>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接