Question

我正在制作一个静态网站，其中使用href转到特定的div / section，并且该网站正常运行。但是我试图在用户单击特定链接时从地址栏“ http：localhost：3000 / index.html /＃about”中删除div的 id 。

Index.html

<a href="#about">About</a>
<a href="contacts">Contacts</a>

<section id="about></section>

<section id="contacts"></section>

Answer 1

这是最简单的方法：

<a href="#About" id="aboutButton">About</a>

我为此事件侦听器添加了该ID：

document.getElementById("aboutButton").addEventListener("click", function() {
    window.location.href = location.pathname;
)}

这将在.html之后删除地址栏中的所有内容

Answer 2

这段代码对我有用

 $(function() {
  // Smooth Scrolling
  $('a[href*="#"]:not([href="#"])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html, body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});

使用href时，如何从html地址栏中删除“ div的#id”？

2 个答案: