我目前正在构建一个网站,其中包含许多指向我网站不同部分的链接(也称为导航)。让我们调用这些链接及其相应的页面链接 1,第 1 页 , 链接2,第2页, 链接3,页面3 etc.
它们的通用代码是这样的:
<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 子句,只是因为它是一种标记语言,但是实现此目的的另一种方法是什么?感谢您的帮助。
在仔细研究了SO之后,我发现不需要使用JQuery或JS的最好答案是这样的,由Matt Crinklaw-Vogt做出的答案:
添加/#!。这将阻止滚动到顶部,也将阻止页面重新加载。
代码:
<a href="/page1.html/#!">Link1</a>
原答案:
单击触发 JavaScript 的链接时,如何阻止网页滚动到顶部? https://stackoverflow.com/questions/1601933/how-do-i-stop-a-web-page-from-scrolling-to-the-top-when-a-link-is-clicked-that-t/11246131#11246131
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)