如何使用JavaScript禁用浏览器的后退按钮

时间:2011-05-10 08:31:01

标签: javascript html browser

我想使用JavaScript禁用浏览器中的后退按钮。任何人都可以帮我怎么做吗?

4 个答案:

答案 0 :(得分:5)

请阅读此处several options to disable the back button

但是:这个问题让我觉得你正试图解决错误的问题。

后退按钮是用户期望工作的东西。如果你禁用它,你会破坏浏览器(从用户的角度来看):在其他地方工作的东西在你的页面上不起作用。用户会讨厌您的页面,并尽量避免使用它。如果他们无法避开页面,他们会更加讨厌它。

那你有什么选择:

  1. 您可以在用户使用按钮时获取活动。例如,GWT将应用程序的内部状态保存在虚拟历史事件中。因此,用户可以在实际应用程序中使用后退按钮,例如撤消。

  2. 避免为您的网页创建历史事件。确保标题栏中的URL永远不会更改。保存服务器上的所有更改。对于用户,页面/应用程序将感觉像一个页面。当他下次返回时,从服务器上的数据库恢复最后一个状态。

    这样,用户可以按照习惯使用后退按钮离开您的页面,但他仍然不会失去任何工作。

  3. 两者的混合。例如,堆栈溢出允许您使用链接和后退按钮在页面之间移动。如果您开始在页面上编辑某些内容,则在单击后退按钮时会收到警告。

答案 1 :(得分:1)

function noBack() {
    window.history.forward();
} 

答案 2 :(得分:0)

只需使用像这样的

在新标签页中打开您的页面
<script type="text/javascript" language="Javascript">window.open('yourpage.html');</script>

将此代码设置为您的上一页,这将在新标签页中打开您的页面,并且没有可用的后退按钮。

答案 3 :(得分:0)

 Simple logic: move forward when click back button
 ---------------------------------------------------- 

function preventBack() {
    window.history.forward();
}
 window.onunload = function() {
    null;
};
setTimeout("preventBack()", 0);


Keep this js code in your page it works.