用a标签写了锚点之后网站网址带了一个#这个怎么解决

在使用锚点时，网址会自动在当前网址后面加上"#"符号，这是浏览器的默认行为。你可以使用JavaScript来解决这个问题。

可以通过以下方法来实现：

1. 使用JavaScript的scrollIntoView()方法：

   • 在a标签的<a>标签中添加onclick属性，为其绑定一个JavaScript函数。
   • 在JavaScript函数中，使用scrollIntoView()方法将目标元素滚动到可见区域。
   • 返回false，以防止页面跳转。

   示例代码：

   <a href="#section1" onclick="scrollToSection(event)">Go to Section 1</a>
   <div id="section1">Section 1</div>
   
   <script>
     function scrollToSection(event) {
       event.preventDefault();
       document.querySelector(event.target.getAttribute("href")).scrollIntoView();
       return false;
     }
   </script>
   

2. 使用JavaScript的window.location.hash属性：

   • 在a标签的<a>标签中添加onclick属性，为其绑定一个JavaScript函数。
   • 在JavaScript函数中，使用window.location.hash属性将目标元素的ID添加到网址的末尾。
   • 返回false，以防止页面跳转。

   示例代码：

   <a href="#section1" onclick="addHashToURL(event)">Go to Section 1</a>
   <div id="section1">Section 1</div>
   
   <script>
     function addHashToURL(event) {
       event.preventDefault();
       window.location.hash = event.target.getAttribute("href");
       return false;
     }
   </script>
   

无论使用哪种方法，都会在点击锚点时滚动到目标位置，并且网址不会带有"#"符号。