Question

我知道使用iframe并不总是最好的主意，但对于我的情况，它会让事情变得更容易。我有一个网站A，其中包含指向同一网站上其他部分的链接（使用<a name=...）。我有一个秒站点B，它有一个包含A的iframe。一切正常，除了页面超链接，如果点击它们，没有任何反应。

有人知道在iframe中是否可以使用命名超链接？如果是的话，如何让它们发挥作用。

修改

似乎我不够清楚。该文件名为test.html（http://www.domain.com/embedded/test.html），顶部包含一个超链接

<a href="#examples">Examples</a>

然后在某处有一个链接

<a name="examples"></a>

因此，当您点击顶部链接时，该页面应向下滚动到底部链接。我有第二页（http://www.domain.com/index.html），iframe包含test.html。将鼠标悬停在链接上（在iframe内）时，会显示http://www.domain.com/embedded/test.html#examples。我不是和iframe专家，但这个链接似乎更倾向于重定向到实际文件（到#examples），而不是跳到iframe内部。正如我之前所说，点击链接时没有任何反应。刚刚在Chrome中测试过，它可以运行。似乎这是Firefox特有的问题。

Answer 1

你问题的这些部分让我闻到了什么：＆＃34;链接到同一网站上的其他部分（使用<a name=...）＆＃34;和＃34;命名的超链接＆＃34; ...

用于移动到相同页面的其他部分的超链接：

<a href="#BOOKMARK">Goto BOOKMARK</a>

相同的页面中的其他位置的锚点（书签）：

<a name="BOOKMARK"></a>

这些都适用于每个HTML文档，无论它们是否显示在iframe中。

Answer 2

我有类似的问题。我也希望嵌入式页面中的链接指向包含页面中的书签。但是我不确定我们的情况是否完全相同。

本地链接，例如

<a href="#BOOKMARK">

将仅在与链接相同的页面中（即在嵌入式页面中）寻找锚点。

之类的方法

<a href="containing-page.html#BOOKMARK" target="top">

仅在您的链接始终引用相同的包含页面时才起作用。（需要指定目标，以在iframe外部显示页面。）我不确定这是否满足您的需求。

如果像我一样要在不同的包含页面中重用通用书签名称，则设计实际上需要将目标URL视为变量，而使用纯HTML不能做到这一点。它需要javascript或类似语言。

实际上，将书签链接添加到包含页面的方法对我来说更为优雅，因此我无需标准化书签名称。甚至不需要javascript，只需一点CSS。

我所做的是将书签链接放置在嵌入式显示器上，以使其看起来像是嵌入式页面的一部分。在此示例中，iframe固定在页面顶部，书签链接位于其左上角。

<iframe style="position:fixed; left:0pt; top:0pt;" src="embedded-page.html"></iframe>
<div style="position:fixed; left:0pt; top:0pt;">
    <a href="#BOOKMARK">My Bookmark</a>
</div>

通过一些CSS改进，可以使布局具有一定的灵活性。对于您的问题，您可能需要坚持使用javascript。

带有页面链接的HTML iframe

2 个答案: