Javascript后退按钮行为

Javascript Back Button Behavior

本文关键字:按钮 Javascript      更新时间:2023-11-19

我正在构建一个网站,其中一个页面包含多个选项卡窗格。每当用户单击其中一个选项卡窗格时,它就会更新浏览器的历史记录,从而以不希望的方式影响浏览器的后退按钮功能。我在这个网站上搜索过,但我发现的都是希望浏览器将用户带回上一个选项卡的人,这不是我想要的。如果有意义的话,我希望浏览器将用户带回上一页,而不是同一页上的上一个选项卡。

我想应该有一个简单的方法来做这件事,但我就是找不到。看起来我有点孤独。

该网站是用aspx和visualstudios mvc框架构建的。

这是一个小代码示例。

<ul class="nav nav-tabs">
     <li class="active"><a href="#tab1">Tab1</a></li>
     <li><a href="#tab2">Tab2</a></li>
     <li><a href="#tab3">Tab3</a></li>
</ul>
<div class="tab-content">
     <div class="tab-pane active" id="tab1">
     </div>
     <div class="tab-pane" id="tab2">
     </div>
     <div class="tab-pane" id="tab3">
     </div>
</div>

这是一个已知问题

您将需要使用javsacrept方法window.location.replace(url);

使用window.location.replacement(),当前页面将不会保存在会话历史中