如何从url中删除同一页面的超链接名称？

Question

我的网页很长，因此在标题中，我已将按钮链接到页面的不同部分。 但是，当我单击它们时，它会从例如www.helloworld.com更改为www.helloworld.com/#part1。 如何删除此“ part1”？ 我知道如何删除.html .php，但是我不知道如何删除它。

<li><a href="#part1" class="current"><strong>Story</strong></a></li>

这是按钮，它链接到

<div id="part1"></div>

谢谢。

Answer 1

好的，如果您想使其平滑滚动并删除页面后的链接，则只能使用JavaScript来进行。 向锚的onclick事件添加return false或提供备用机制：

<li><a href="#part1" class="current" onclick="return false;"><strong>Story</strong></a></li>

上面的代码没有将#part1添加到URL，但也不允许您导航到<div> 。 因此，您需要这样做：

<li><a href="#part1" class="current" onclick="window.scrollTo(0, document.getElementById('part1').offsetTop); return false;"><strong>Story</strong></a></li>

return false; 将使链接不添加多余的部分。 然后window.scrollTo将页面导航到正确的位置。

为了使它对于所有内部链接都可扩展，对于支持document.queryStringAll的相对较新的浏览器，请执行以下操作：

document.queryStringAll('a[href^="#"]').onclick = function (e) {
  e.preventDefault();
  window.scrollTo(0, document.getElementById(this.attribute("href").substr(1)).offsetTop);
  return false;
}