单击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

从网址中删除哈希字符串。

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