`
jt_liuxu
  • 浏览: 10688 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

关于禁用浏览器的后退按钮(转)

阅读更多
浏览器的后退按钮使得我们能够方便地返回以前访问过的页面,它无疑非常有用。但有时候我们不得不关闭这个功能,以防止用户打乱预定的页面访问次序。本文介绍网络上可找到的各种禁用浏览器后退按钮方案,分析它们各自的优缺点和适用场合。
    一、概述 
    曾经有许多人问起,“怎样才能‘禁用’浏览器的后退按钮?”,或者“怎样才能防止用户点击后退按钮返回以前浏览过的页面?”我访问了许多网站,参考了这些网站所介绍的各种实现方法。如果你经常访问ASP编程网站,本文所介绍的部分内容你可能已经见到过。本文的任务是把各种可能的方法都介绍给大家,然后找出最好的方法!       
    二、禁止缓存     
    在我找到的许多方案中,其中有一种建议禁止页面缓存。具体是使用服务器端脚本,如下所示: 
<%
Response.Buffer = True
Response.ExpiresAbsolute = Now() - 1
Response.Expires = 0
Response.CacheControl = "no-cache"
%> 
      这种方法非常有效!它强制浏览器重新访问服务器下载页面,而不是从缓存读取页面。使用这种方法时,编程者的主要任务是创建一个会话级的变量,通过这个变量确定用户是否仍旧可以查看那个不适合通过后退按钮访问的页面。由于浏览器不再缓存这个页面,当用户点击后退按钮时浏览器将重新下载该页面,此时程序就可以检查那个会话变量,看看是否应该允许用户打开这个页面。       
    例如,假设我们有如下表单: 
<%
Response.Buffer = True
Response.ExpiresAbsolute = Now() - 1
Response.Expires = 0
Response.CacheControl = "no-cache"
If Len(Session("FirstTimeToPage")) > 0 then       
    "用户已经访问过当前页面,现在是再次返回访问。       
    "清除会话变量,将用户重定向到登录页面。       
    Session("FirstTimeToPage") = ""       
    Response.Redirect "/Bar.asp"       
    Response.End       
End If     
    "如果程序运行到这里,说明用户能够查看当前页面 
    "以下开始创建表单       
%>   
    <form method=post action="SomePage.asp">       
    <input type=submit>       
    </form>   
      我们借助会话变量FirstTimeToPage检查用户是否是第一次访问当前页面。如果不是第一次(即Session ("FirstTimeToPage")包含某个值),那么我们就清除会话变量的值,然后把用户重新定向到一个开始页面。这样,当表单提交时(此时 SompePage.asp被打开),我们必须赋予FirstTimeToPage一个值。即,在SomePage.asp中我们需要加上下面的代码:
    Session("FirstTimeToPage") = "NO"       
      这样,已经打开SomePage.asp的用户如果点击后退按钮,浏览器将重新请求服务器下载页面,服务器检查到Session ("FirstTimeToPage")包含了一个值,于是就清除Session("FirstTimeToPage"),并把用户重定向到其他页面。当然,所有这一切都需要用户启用了Cookie,否则会话变量将是无效的。     
    另外,我们也可以用客户端代码使浏览器不再缓存Web页面:     
    <html>       
    <head>       
    <meta http-equiv="Expires" CONTENT="0">       
    <meta http-equiv="Cache-Control" CONTENT="no-cache">       
    <meta http-equiv="Pragma" CONTENT="no-cache">       
    </head>   
    如果使用上面的方法强制浏览器不再缓存Web页面,必须注意以下几点:       
    只有在使用安全连接时“Pragma: no-cache”才防止浏览器缓存页面。对于不受安全保护的页面,“Pragma: no-cache”被视为与“Expires: -1”相同,此时浏览器仍旧缓存页面,但把页面标记为立即过期。 
    在IE 4或5中,“Cache-Control”META HTTP-EQUIV标记将被忽略,不起作用。 
    在实际应用中我们可以加上所有这些代码。然而,由于这种方法不能适用于所有的浏览器,所以是不推荐使用的。但如果是在Intranet环境下,管理员可以控制用户使用哪种浏览器,我想还是有人会使用这种方法。
    三、其他方法       
      接下来我们要讨论的方法以后退按钮本身为中心,而不是浏览器缓存。这儿有一篇文章Rewiring the Back Button很值得参考。不过我注意到,如果使用这种方法,虽然用户点击一下后退按钮时他不会看到以前输入数据的页面,但只要点击两次就可以,这可不是我们希望的


效果,因为很多时候,固执的用户总是能够找到绕过预防措施的办法。       
      另外一种禁用后退按钮的办法是用客户端JavaScript打开一个没有工具条的窗口,这使得用户很难返回前一页面,但不是不可能。一种更安全但相当恼人的方法是,当表单提交时打开一个新的窗口,与此同时关闭表单所在的窗口。但我觉得这种方法不值得认真考虑,因为我


们总不能让用户每提交一个表单就打开一个新窗口。       
      那么,在那个我们不想让用户返回的页面是否也可以加入JavaScript代码呢?在这个页面中加入的JavaScript代码可用来产生点击前进按钮的效果,这样也就抵消了用户点击后退按钮所产生的动作。用于实现该功能的JavaScript代码如下所示: 
    <script language="JavaScript">       
    <!--
javascript:window.history.forward(1);
    //-->       
    </script>     
      同样地,这种方法虽然有效,但距离“最好的方法”还差得很远。后来我又看到有人建议用location.replace从一个页面转到另一个页面。这种方法的原理是,用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远不会变为可用。我想这可能正是许多人所寻求的方法,但这种方法仍旧不是任何情况下的最好方法。使用这种方法的实例如下所示:   
    <A HREF="PageName.htm" onclick="javascript:location.replace(this.href); event.returnValue=false; "> 
    禁止后退到本页面的链接           
    试试下面这个链接:       
    禁止后退到本页面的链接!       
      这种方法的缺点在于:简单地运用Response.Redirect将不再有效,这是因为每次用户从一个页面转到另一个页面,我们都必须用客户端代码清除 location.history。另外还要注意,这种方法清除的是最后一个访问历史记录,而不是全部的访问记录。       
    点击上面的链接,你将打开一个简单的HTML页面。再点击后退按钮,你可以看到这时打开的不是本页面,而是本页面之前的页面!(当然,你必须在浏览器中启用了客户端JavaScript代码。)       
      经过一番仔细的寻寻觅觅之后,我发现仍旧无法找出真正能够完全禁用浏览器后退按钮的办法。所有这里介绍的方法都能够在不同程度上、以不同的方式禁止用户返回前一页面,但它们都有各自的局限。由于不存在能够完全禁用后退按钮的方法,所以最好的方案应该是:混合运用客户端脚本和服务器端脚本。
分享到:
评论

相关推荐

    全面考察“禁用浏览器后退按钮”

    总结起来,禁用浏览器后退按钮并不是一个简单的过程,而是一种权衡用户体验和技术需求的策略选择。开发者应当根据具体的应用场景选择合适的解决方案,同时保持对用户行为的敏感性和尊重,避免过于干扰用户的导航习惯...

    javascript实现禁用浏览器后退按钮

    ### JavaScript 实现禁用浏览器后退按钮的知识点详解 #### 一、背景介绍 在Web开发过程中,有时候出于用户体验或者安全性的考虑,开发者可能会选择禁用浏览器的后退按钮功能。例如,在某些登录验证后的页面,为了...

    javascript怎么禁用浏览器后退按钮

    接下来将详细介绍如何使用JavaScript禁用浏览器后退按钮。 1. 使用`window.history.forward(1);`方法 通过执行`window.history.forward(1);`命令,可以使浏览器窗口的浏览历史记录前进一页,相当于模拟用户点击了...

    如何禁用浏览器的后退按钮.docx

    这篇文章主要探讨了几种禁用浏览器后退按钮的方法,虽然这并不是标准的推荐做法,但在特定场景下可能是必要的。 首先,一种常见的方法是禁止页面被浏览器缓存。通过在服务器端设置HTTP响应头,我们可以让浏览器不...

    屏蔽浏览器的后退按钮

    1. **浏览器限制**:大多数现代浏览器(如Chrome、Firefox、Safari等)都有内置的安全机制,不允许网站通过JavaScript或其他方式直接禁用后退按钮的功能。 2. **用户体验**:屏蔽后退按钮会影响用户的正常浏览体验...

    当用户退出点击浏览器后退仍可回到原来页面的解决方案

    解决方案2:禁用浏览器后退键 [removed] window.history.forward(1); 结果和方案一一样的结果,pad上没效果 解决方案3:Response.Write(“[removed][removed].replace(‘login.aspx’)[removed]”);仍旧可以后退,...

    禁用浏览器后退按钮并在浏览器后退按钮单击事件上调用Javascript功能

    这个需求在标题"禁用浏览器后退按钮并在浏览器后退按钮单击事件上调用Javascript功能"中被提出。下面我们将详细探讨如何实现这一目标。 首先,JavaScript是Web开发中的核心语言,它允许我们在用户与网页交互时进行...

    页面禁止各种浏览器后退.txt

    ### 页面禁止各种浏览器后退 #### 背景与需求 在Web开发中,有时我们需要控制用户的行为,比如阻止用户通过浏览器的后退按钮返回到上一个页面。这通常发生在某些场景下,如表单提交确认、敏感操作确认等,以确保...

    Vue 禁用浏览器的前进后退操作

    首先,禁用浏览器的前进后退功能在某些场景下可能是必要的,比如在用户进行了一些不可逆的操作后,防止他们意外地通过历史记录回到错误的状态。通常,开发者会利用`history.pushState()`和监听`popstate`事件来实现...

    如何禁止浏览器使用后退按钮功能

    要实现禁止浏览器后退按钮功能,首先必须了解一个基本事实:我们无法直接禁用或禁止浏览器后退按钮的行为。因为后退按钮是浏览器的基本组成部分,完全控制它的行为并不属于Web页面开发者的权限范围内。然而,可以...

    js 禁用浏览器的后退功能的简单方法

    禁用浏览器后退功能的基本思路是在当前页面执行`history.forward()`操作,从而在历史记录中添加一个新的条目。这样,当用户尝试使用后退按钮时,实际上会返回到当前页面而不是真正的前一个页面。 #### 3.2 具体实现...

    ASP.NET屏蔽浏览器后退

    这段代码会立即执行一个向前跳转操作,使浏览器的历史记录始终指向当前页面,从而禁用后退按钮。 然而,这种方法并不是万无一失的。用户可以禁用JavaScript,或者使用其他方式(如书签)访问历史页面。为了解决这个...

    手机浏览器 后退按钮强制刷新页面方法总结

    本文将总结几种解决手机浏览器后退按钮强制刷新页面的方法。 首先,我们来看一种常见的尝试,即通过在HTML头部设置禁止缓存的元标签。这种方法的目的是告诉浏览器不要缓存页面,以确保每次访问都是最新的内容。然而...

    vue实现微信浏览器左上角返回按钮拦截功能

    主要介绍了vue实现微信浏览器左上角返回按钮拦截功能,本文通过实例代码相结合的形式给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

    注销后浏览器后退按钮问题

    标题中的“注销后浏览器后退按钮问题”是指在用户完成注销操作后,如果他们点击浏览器的后退按钮,可能会重新加载之前登录状态的页面,这可能导致安全风险,因为用户可能无意间回到敏感信息的界面。这是一个常见的...

    JavaScript阻止浏览器返回按钮的方法

    在Web开发中,页面间的导航常常需要用户直接或间接地通过浏览器的历史记录进行导航,而浏览器的返回按钮是这一导航方式中的重要组成部分。但有时出于对用户体验或是页面状态保持的考虑,开发者可能需要阻止用户使用...

    vbs控制浏览器操作,自动化最简代码

    这通常涉及到与Web浏览器的交互,如打开网页、填写表单、点击按钮等,从而提升工作效率或执行一些自动化的测试任务。 以下是一个简单的VBS脚本示例,用于启动IE浏览器并导航到一个特定的URL: ```vbscript Option ...

Global site tag (gtag.js) - Google Analytics