如何禁用浏览器的返回按钮（跨浏览器）？
【问题讨论】：
标签： asp.net javascript
不要禁用预期的浏览器行为。
让您的页面处理用户返回一两个页面的可能性；不要试图削弱他们的软件。
【讨论】：
我想出了一个小技巧，可以使用 JavaScript 禁用后退按钮。我在 chrome 10、firefox 3.6 和 IE9 上检查过：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<title>Untitled Page</title>
<script type = "text/javascript" >
function changeHashOnLoad() {
window.location.href += "#";
setTimeout("changeHashAgain()", "50");
}
function changeHashAgain() {
window.location.href += "1";
}
var storedHash = window.location.hash;
window.setInterval(function () {
if (window.location.hash != storedHash) {
window.location.hash = storedHash;
}
}, 50);
</script>
</head>
<body onload="changeHashOnLoad(); ">
Try to hit the back button!
</body>
</html>
它在做什么？
来自评论：
此脚本利用了这样一个事实，即浏览器将 URL 中“#”号之后的任何内容视为浏览历史记录的一部分。它的作用是：当页面加载时，“#1”被添加到 URL。 50ms 后，“1”被删除。当用户单击“返回”时，浏览器会将 URL 更改回删除“1”之前的状态，但是 - 它是同一个网页，因此浏览器不需要重新加载页面。 – Yossi Shasho
【讨论】：
其他人采取的方法是说“不要这样做”，但这并不能真正回答发帖人的问题。让我们假设每个人都知道这是一个坏主意，但我们很好奇它是如何完成的......
您不能禁用用户浏览器上的后退按钮，但您可以禁用该按钮，以便在用户返回时您的应用程序中断（显示错误消息，要求用户重新开始）。
我见过的一种方法是在应用程序和每个表单中的每个 URL 上传递一个令牌。令牌会在每个页面上重新生成，一旦用户加载新页面，之前页面中的任何令牌都会失效。
当用户加载页面时，该页面仅在正确的令牌（已提供给前一页面上的所有链接/表单）被传递给它时才会显示。
我的银行提供的网上银行应用程序是这样的。如果您完全使用后退按钮，则无法再使用任何链接，也无法重新加载页面 - 相反，您会看到一条通知，告诉您无法返回，您必须重新开始。
【讨论】：
这个问题和这个one...很相似
您需要强制缓存过期才能使其正常工作。将以下代码放在你的页面代码后面。
Page.Response.Cache.SetCacheability(HttpCacheability.NoCache)
【讨论】：
当我自己在寻找答案时， “最佳实践”已经……过时了……就像浏览器一样。（浏览器真的是丑陋的化石）
最好/最安全的解决方案是让浏览器实现一种方法/请求，用户可以在其中授予页面控制界面的能力。
为什么？因为对于我当前的项目，我正在构建一个 100% JavaScript 构建和控制的界面。并且后退按钮在我的项目中没有位置，因为没有页面更改。 （即非常快，并且因为刷新而没有页面闪烁......就像一个真正的应用程序！）
我知道为什么没有“劫持”界面的能力，我理解。但至少我们应该能够从浏览器请求它！现在这确实是没有劫持危险的“最佳实践”。
但是浏览器就是浏览器。我不希望在这方面发生任何事情。
【讨论】：
我正在搜索相同的问题，并在网站上找到了以下代码。想在这里分享一下：
function noBack()
{
window.history.forward()
}
noBack();
window.onload = noBack;
window.onpageshow = function(evt){ if(evt.persisted) noBack(); }
window.onunload = function(){ void(0); }
然而，正如上述用户所指出的，这绝不是一个好的做法，出于各种原因应该避免这样做。
【讨论】：
如果您依赖客户端技术，则可以绕过它。例如，Javascript 可能会被禁用。或者用户可能会执行一个 JS 脚本来解决您的限制。
我的猜测是您只能通过服务器端跟踪用户会话并将用户/浏览器重定向（如在 Server.Transfer，而不是 Response.Redirect）到所需页面来做到这一点。
【讨论】：
<body onLoad="if(history.length>0)history.go(+1)">
【讨论】：
有几种不同的实现。 IE 有一个 flash 解决方案和一些 iframe/frame 解决方案。看看这个
顺便说一句：禁用（或至少阻止前一步）后退按钮有很多正当理由 - 以 gmail 为例，它实现了上述文章中讨论的哈希解决方案。
谷歌“ajax 如何破坏后退按钮”，您会发现大量关于用户测试和禁用后退按钮有效性的文章。
【讨论】：
我也有同样的问题，在 head 标签或 in 上使用这个 Java 脚本函数，它 100% 工作正常，不会让你回去。
<script type = "text/javascript" >
function preventBack(){window.history.forward();}
setTimeout("preventBack()", 0);
window.onunload=function(){null};
</script>
【讨论】：
试试这个代码。为我工作。它基本上会在页面加载后立即更改哈希，通过在 URL 上添加“1”来更改最近的历史记录页面。因此，当您点击返回按钮时，它每次都会重定向到同一页面。
<script type="text/javascript">
var storedHash = window.location.hash;
function changeHashOnLoad() { window.location.hash = "1";}
window.onhashchange = function () {
window.location.hash = storedHash;
}
</script>
<body onload="changeHashOnLoad(); ">
</bod>
【讨论】：
您应该使用具有适当过期和缓存标头的帖子。
【讨论】：
与其尝试禁用浏览器后退按钮，不如支持它。 .NET 3.5 可以很好地处理浏览器的后退（和前进）按钮。用 Google 搜索：“Scriptmanager EnableHistory”。 您可以控制哪些用户操作会将条目添加到浏览器的历史记录（ScriptManager -> AddHistoryPoint），并且只要用户单击浏览器的后退/前进按钮，您的 ASP.NET 应用程序就会收到一个事件。 这适用于所有已知的浏览器
【讨论】：
在全球范围内，禁用后退按钮确实是不好的做法。但是，在某些情况下，后退按钮功能没有意义。
这是防止页面之间不必要的导航的一种方法：
首页（文件top.php）：
<?php
session_start();
$_SESSION[pid]++;
echo "top page $_SESSION[pid]";
echo "<BR><a href='secondary.php?pid=$_SESSION[pid]'>secondary page</a>";
?>
次要页面（文件secondary.php）：
<?php
session_start();
if ($_SESSION[pid] != $_GET[pid])
header("location: top.php");
else {
echo "secondary page $_SESSION[pid]";
echo "<BR><a href='top.php'>top</a>";
}
?>
效果是允许使用您自己的链接从首页向前导航到次要页面并返回（例如取消）。但是，在返回首页后，浏览器后退按钮无法导航到二级页面。
【讨论】：
即使我以前也遇到过同样的情况……但没有任何帮助。 试试这些东西，也许这些对你有用
在登录页面<head>标签：
<script type="text/javascript">
window.history.forward();
</script>
在注销按钮中我这样做了：
protected void Btn_Logout_Click(object sender, EventArgs e)
{
connObj.Close();
Session.Abandon();
Session.RemoveAll();
Session.Clear();
HttpContext.Current.Session.Abandon();
}
在登录页面上，我将焦点放在用户名文本框上，如下所示：
protected void Page_Load(object sender, EventArgs e)
{
_txtUsername.Focus();
}
希望这会有所帮助... :) 有人请教我如何编辑此页面...
【讨论】：
如果您需要在 Web 应用程序中轻柔地抑制删除键和退格键，以便在它们编辑/删除项目时页面不会被意外重定向，您可以使用以下代码：
window.addEventListener('keydown', function(e) {
var key = e.keyCode || e.which;
if (key == 8 /*BACKSPACE*/ || key == 46/*DELETE*/) {
var len=window.location.href.length;
if(window.location.href[len-1]!='#') window.location.href += "#";
}
},false);
【讨论】：
试试这个代码。 您只需要在母版页中实现此代码，它就会在所有页面上为您工作
<script type="text/javascript">
window.onload = function () {
noBack();
}
function noBack() {
window.history.forward();
}
</script>
<body onpageshow="if (event.persisted) noBack();">
</body>
【讨论】：
Yossi Shasho's Code 的问题是页面每 50 毫秒滚动到顶部。所以我修改了那个代码。现在它在所有现代浏览器、IE8 及更高版本上都能正常工作
var storedHash = window.location.hash;
function changeHashOnLoad() {
window.location.href += "#";
setTimeout("changeHashAgain()", "50");
}
function changeHashAgain() {
window.location.href += "1";
}
function restoreHash() {
if (window.location.hash != storedHash) {
window.location.hash = storedHash;
}
}
if (window.addEventListener) {
window.addEventListener("hashchange", function () {
restoreHash();
}, false);
}
else if (window.attachEvent) {
window.attachEvent("onhashchange", function () {
restoreHash();
});
}
$(window).load(function () { changeHashOnLoad(); });
【讨论】：
这似乎对我们有用。
history.pushState(null, null, $(location).attr('href'));
window.addEventListener('popstate', function () {
history.pushState(null, null, $(location).attr('href'));
});
【讨论】：
<script>
$(document).ready(function() {
function disableBack() { window.history.forward() }
window.onload = disableBack();
window.onpageshow = function(evt) { if (evt.persisted) disableBack() }
});
</script>
【讨论】：