禁用页面缓存的几种方法

最新推荐文章于 2023-03-28 18:45:29 发布

dingliqin

最新推荐文章于 2023-03-28 18:45:29 发布

阅读量1.1k

点赞数

文章标签： javascript 浏览器 session caching 服务器 html

本文链接：https://blog.csdn.net/dingliqin/article/details/6490966

版权

昨晚弄了一个晚上没有找到解决链接的好办法，睡觉的时候突然想到，既然每次清除历史记录可以看到自己想要的效果，那么是否可以通过js来控制清除历史记录呢？找了半天都得不到答案，禁止缓存不了，即使禁止得了也不符合那个变态的要求的（第一次要变红色，然后点击的要变红色，其他的变黑色）。

1、在Asp页面首部<head>加入
以下是引用片段：
Response.Buffer   =   True
Response.ExpiresAbsolute   =   Now()   -   1
Response.Expires   =   0
Response.CacheControl   =   "no-cache"
Response.AddHeader   "Pragma",   "No-Cache"

　　2、在HtML代码中加入
以下是引用片段：
<HEAD>
<META   HTTP-EQUIV="Pragma"   CONTENT="no-cache">
<META   HTTP-EQUIV="Cache-Control"   CONTENT="no-cache">
<META   HTTP-EQUIV="Expires"   CONTENT="0">
</HEAD>

3、在重新调用原页面的时候在给页面传一个参数 Href="****.asp?random()"

　　前两个方法据说有时会失效，而第三种则是在跳转时传一个随机的参数！因为aspx的缓存是与参数相关的，如果参数不同就不会使用缓存，而会重新生成页面，每次都传一个随机的参数就可以避免使用缓存。这个仅适用于 asp&asp.net

　　4、在jsp页面中可使用如下代码实现无缓存：

以下是引用片段：
response.setHeader("Cache-Control","no-cache"); //HTTP 1.1
response.setHeader("Pragma","no-cache"); //HTTP 1.0
response.setDateHeader ("Expires", 0); //prevents caching at the proxy server

这些代码加在<head> </head>中间具体如下

以下是引用片段：
<head>
<%
response.setHeader("Cache-Control","no-cache"); //HTTP 1.1
response.setHeader("Pragma","no-cache"); //HTTP 1.0
response.setDateHeader ("Expires", 0); //prevents caching at the proxy server
%>
</head>

5、window.location.replace("WebForm1.aspx");
参数就是你要覆盖的页面，replace的原理就是用当前页面替换掉replace参数指定的页面。
这样可以防止用户点击back键。使用的是javascript脚本，举例如下：

　　a.html

以下是引用片段：
<html>
    <head>
        <title>a</title>
        <script language="javascript">
            function jump(){
                window.location.replace("b.html");
            }
        </script>
    </head>
    <body>
       <a href="javascript:jump()">b</a>
   </body>
</html>

b.html

以下是引用片段：
<html>
    <head>
        <title>b</title>
        <script language="javascript">
            function jump(){
                window.location.replace("a.html");
            }
        </script>
    </head>
    <body>
       <a href="javascript:jump()">a</a>
   </body>
</html>

前4种只是清空了cache，即存储在Temporary Internet Files文件夹中的临时文件，而第五种则是使用跳转页面文件替换当前页面文件，并没有清空cache，也就是说Temporary Internet Files产生了相关的临时文件，两者搭配使用真是清空缓存，必备良药。

－－－－－－－－－－－－－－－－－－－－－

1, 使用java提供的方法，在ｊｓｐ或者servlet中都可以
<%
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);
%>
2, 使用HTML标记，如下面：
<HEAD>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
</HEAD>

－－－－－－－－－－－－－－－－－－－

在<head></head>中插入
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-store, no-cache, max-age=0, must-revalidate">

－－－－－－－－－－－－－－－－－－－

浏览器的后退按钮使得我们能够方便地返回以前访问过的页面，它无疑非常有用。但有时候我们不得不关闭这个功能，以
防止用户打乱预定的页面访问次序。本文介绍网络上可找到的各种禁用浏览器后退按钮方案，分析它们各自的优缺点和适
用场合。

一、概述
曾经有许多人问起，“怎样才能‘禁用’浏览器的后退按钮？”，或者“怎样才能防止用户点击后退按钮返回以前浏
览过的页面？”在ASP论坛上，这个问题也是问得最多的问题之一。遗憾的是，答案非常简单：我们无法禁用浏览器的后退
按钮。

　　起先我对于居然有人想要禁用浏览器的后退按钮感到不可思议。后来，看到竟然有那么多的人想要禁用这个后退按
钮，我也就释然（想要禁用的只有后退按钮，不包括浏览器的前进按钮）。因为在默认情况下，用户提交表单之后可以通
过后退按钮返回表单页面（而不是使用“编辑”按钮！），然后再次编辑并提交表单向数据库插入新的记录。这是我们不
愿看到的。

　　因此我就决定要找出避免出现这种情况的方法。我访问了许多网站，参考了这些网站所介绍的各种实现方法。如果你
经常访问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

&single; 用户已经访问过当前页面，现在是再次返回访问。

&single; 清除会话变量，将用户重定向到登录页面。

Session("FirstTimeToPage") = ""

Response.Redirect "/Bar.asp"

Response.End

End If

&single; 如果程序运行到这里，说明用户能够查看当前页面

&single; 以下开始创建表单

</form>

　　我们借助会话变量FirstTimeToPage检查用户是否是第一次访问当前页面。如果不是第一次（即Session
("FirstTimeToPage")包含某个值），那么我们就清除会话变量的值，然后把用户重新定向到一个开始页面。这样，当表单
提交时（此时SompePage.asp被打开），我们必须赋予FirstTimeToPage一个值。即，在SomePage.asp中我们需要加上下面
的代码：

Session("FirstTimeToPage") = "NO"

　　这样，已经打开SomePage.asp的用户如果点击后退按钮，浏览器将重新请求服务器下载页面，服务器检查到Session
("FirstTimeToPage")包含了一个值，于是就清除Session("FirstTimeToPage")，并把用户重定向到其他页面。当然，所有
这一切都需要用户启用了Cookie，否则会话变量将是无效的。（有关该问题的更多说明，请参见For session variables
to work, must the Web visitor have cookies enabled?）

　　另外，我们也可以用客户端代码使浏览器不再缓存Web页面：

<html>

<head>

</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代码如下
所示：

<!--

javascript:window.history.forward(1);

//-->

</script>

　　同样地，这种方法虽然有效，但距离“最好的方法”还差得很远。后来我又看到有人建议用location.replace从一个
页面转到另一个页面。这种方法的原理是，用新页面的URL替换当前的历史纪录，这样浏览历史记录中就只有一个页面，后
退按钮永远不会变为可用。我想这可能正是许多人所寻求的方法，但这种方法仍旧不是任何情况下的最好方法。使用这种
方法的实例如下所示：

<A HREF="PageName.htm" οnclick="javascript:location.replace(this.href);

event.returnValue=false; ">

禁止后退到本页面的链接</A>

　　试试下面这个链接：

　　禁止后退到本页面的链接！

　　这种方法的缺点在于：简单地运用Response.Redirect将不再有效，这是因为每次用户从一个页面转到另一个页面，
我们都必须用客户端代码清除location.history。另外还要注意，这种方法清除的是最后一个访问历史记录，而不是全部
的访问记录。

　　点击上面的链接，你将打开一个简单的HTML页面。再点击后退按钮，你可以看到这时打开的不是本页面，而是本页面
之前的页面！（当然，你必须在浏览器中启用了客户端JavaScript代码。）

　　经过一番仔细的寻寻觅觅之后，我发现仍旧无法找出真正能够完全禁用浏览器后退按钮的办法。所有这里介绍的方法
都能够在不同程度上、以不同的方式禁止用户返回前一页面，但它们都有各自的局限。由于不存在能够完全禁用后退按钮
的方法，所以最好的方案应该是：混合运用客户端脚本和服务器端脚本。

－－－－－－－－－－－－