当您在它们链接到的页面上时，HTML 链接什么都不做

Question

我目前正在构建一个网站，其中包含许多指向我网站不同部分的链接(也称为导航)。让我们调用这些链接及其对应的页面 link1, page1 , link2, page2, link3, page3 等

他们的通用代码是这样的:

<a href="/page1.html">Link1</a>

<a href="/page2.html">Link2</a>

<a href="/page3.html">Link3</a>

我希望用户单击每个链接以移动到相应的网页并且它按预期工作。问题是当用户与他们单击的链接位于同一页面时，我希望链接不执行任何操作(这意味着它只会重新加载页面)。让我用一个例子来说明这一点:

当前使用:用户在 page1。用户点击 link1。浏览器将重新加载 page1。
预期用途:用户位于 page1。用户点击 link1。浏览器什么都不做。

TL;DR 本质上，我正在搜索 if 子句。我读过 HTML 中没有 if 子句，仅仅是因为它是一种标记语言，但是实现它的另一种方法是什么？感谢您的帮助。

Answer 1

在仔细研究 SO 之后，我找到的最好的答案是这个，不需要使用 JQuery 或 JS，答案由 Matt Crinklaw-Vogt 提供:

添加一个/#!。这将防止滚动到顶部，也将防止页面重新加载。代码:

<a href="/page1.html/#!">Link1</a>

原答案:

How do I stop a web page from scrolling to the top when a link is clicked that triggers JavaScript?