两个页面上相同的锚点 ID：如何从一个页面链接到另一页上的锚点

Posted 2023-03-05

【中文标题】两个页面上相同的锚点 ID：如何从一个页面链接到另一页上的锚点

【英文标题】：Identical anchor ids on two pages: How to link from one page to the anchor on the other page

【发布时间】：2015-03-29 01:48:36

【问题描述】：

我有两个网站 page1 和 page2。在每个页面上都有一个下载表单，我可以通过锚 ID #DownloadForm 访问它。

在第 1 页我想在第 2 页创建一个下载表单的链接。我认为这会起作用：

<a href="/page2#DownloadForm"></a>

但是当单击此链接（在 Chrome 中）时，它会将我带到第 1 页的下载表单。好像首先计算了锚表达式，然后忽略了 href 的其余部分。

顺便说一句：我正在使用 Wordpress，但我想这与这里无关。

如果有人对我有提示，我将不胜感激！

【问题讨论】：

如果您临时更改 page2 上元素的 id（并更新链接），链接是否有效？我很惊讶它不能按原样工作（我假设你已经检查了拼写错误？）

【参考方案1】：

您是否尝试过整页 uri？我试过这个，它在 chrome 和 firefox 中对我有用。

<a href="/page2.html#DownloadForm"></a>

【讨论】：

有些网站设置为不使用任何扩展。 OP 网站的 .html 扩展完全有可能导致 404。

对不起，您使用的是 Wordpress，所以完整路径以 php 结尾。我会将表单放在具有 html ext 的 iframe 中并以这种方式引用它。但当然可能并不适用于所有情况

ajp15243 是的，但是在 WP 中他们可以获得页面的完整路径，但锚点无法与 php ext 一起使用。