html - 点击 div 时避免 URL 中的锚标记

Question

我在页面中有一些选项卡式内容，每个选项卡都有一个 ID（#tab1、#tab2 等）。如果我单击一个选项卡，则选项卡 ID #tab1 会将自身附加到页面的 URL，使其看起来像这样：www.mysite.com/product.php#tab1

如果用户单击浏览器或鼠标后退按钮，第一次没有任何反应，因为他实际上是返回到同一页面，但 URL 中没有 #tab1，并且只有在第二次单击后，他才会返回到他之前的页面在。

这个问题有什么解决方法？我实际上更喜欢单击选项卡，#tab1 首先没有附加到 URL。

这是一些代码：

<a href="#tab_information">Click for information</a>
<a href="#tech_specs">Tech Specifications</a>

<div id="tab_information" class="tabcontent">tab 1 content</div>
<div id="tech_specs" class="tabcontent">tab 2 content</div>

Answer 1

从 url 中删除哈希字符串。

window.onhashchange = function(){
  window.location.hash = "";
}