如何從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;
}