在javascript中处理浏览器返回按钮

Handling browser back button in javascript

本文关键字：返回 按钮 浏览器 处理 javascript      更新时间：2023-09-26

我需要在javascript中处理浏览器返回按钮。我已经在JS中实现了选项卡功能。因此，我希望用户能够返回到他们导航到另一个页面的确切时间。

我可以在一些隐藏的输入字段中保留标签#。并在javascript中检查相同的。

但是我如何确保当用户点击后退按钮时，函数在javascript中被调用。如果能提供一些帮助，我将不胜感激。

这个插件(来自jQuery工具)完全是你想要的。

HTML: 

<!-- tabs title --> 
<ul id="flowtabs"> 
    <li><a id="t1" href="#player_tab">The Player</a></li> 
    <li><a id="t2" href="#plugins_tab">Plugins</a></li> 
    <li><a id="t3" href="#streaming_tab">Streaming</a></li> 
</ul> 
<!-- tabs content --> 
<div id="flowpanes"> 
    <div>tab1 html here</div> 
    <div>tab2 html here</div> 
    <div>tab3 html here</div> 
</div>
Javascript: 

<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script> 
<script> 
$(function() {
    $("#flowtabs").tabs("#flowpanes > div", { history: true });
});
</script>

history.go(-1)呢?

$(function(){ 
$("#myLink").click(function(){ 
history.go(-1);
});
});

我邀请你阅读这篇文章。

基本上，它是基于dhtmlhistory对象的，它改变了浏览器中的url

相关文章：