`

解决js缓存地址问题

阅读更多

解决js缓存地址问题


js实现不缓存

<META HTTP-EQUIV="pragma" CONTENT="no-cache">

<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">

<META HTTP-EQUIV="expires" CONTENT="0">

不缓存js的方法

<script>

document.write("<s"+"cript type='text/javascript' src='/js/test.js?"+Math.random()+"'></scr"+"ipt>");

</script>

其他的类似,只需在地址后加上+Math.random()

注意:因为Math.random() 只能在Javascript 下起作用,故只能通过Javascript的调用才可以

若上面改为

(<script type=”text/javascript“ src=”/js/test.js?+Math.random()“></script>

则无法实现不缓存

js文件不缓存

每次连接的地址变化,利用js随机数

document.write("<s"+"cript type='text/javascript' src='/js/test.js?"+Math.random()+"'></scr"+"ipt>");

禁用页面缓存的几种方法(静态和动态)

  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产生了相关的临时文件,两者搭配使用真是清空缓存,必备良药。正好我这里有了记录,所以常来看看哦。
分享到:
评论

相关推荐

    js、css、img等浏览器缓存问题的2种解决方案.docx

    在 Web 开发中,浏览器缓存是非常重要的一部分,它可以提高网站的加载速度和执行效率,但同时也带来了许多问题,例如当服务端修改了 js、css 等文件时,客户端无法更新,这就需要我们采取一些方法来解决这些问题。...

    让html页面不缓存js的实现方法

    很多朋友都会碰到这样的情况:如果我们页面加载了js的话下次打开时也会是调用这个js缓存文件,但对于我们调试时是非常的不方便了,本文就来谈论如何解决这一问题,下面一起来看看。 不缓存JS的方法其实挺简单,CSS在...

    Jetty缓存锁定问题解决(javascript,css锁定问题)

    标题中的“Jetty缓存锁定问题解决”指的是在使用Jetty服务器时,遇到的一个常见问题,即静态资源(如JavaScript和CSS文件)的缓存可能导致用户浏览器无法获取最新的文件版本,从而导致页面显示异常。这通常发生在...

    短小精悍的前端缓存插件解决前端缓存问题

    为了解决这个问题,开发者通常会使用各种前端缓存插件。本文将探讨一款名为"npm-storage"的前端缓存插件,它在JavaScript开发中的应用及其重要性。 npm-storage 是一个轻量级的前端存储解决方案,它基于浏览器的...

    js浏览器缓存.doc

    - **JavaScript库特性**:尽管Prototype.js本身并未明确设置缓存机制,但由于浏览器默认行为,仍会导致此类问题。 #### 三、解决方案 ##### 3.1 随机参数法 为了解决重复请求失效的问题,可以在每个请求的URL后面...

    AJAX学习总结(四)---解决缓存问题

    在本文中,我们将深入探讨AJAX(异步JavaScript和XML)技术的一个重要方面:如何解决缓存问题。AJAX使得网页能够不需刷新整个页面就能与服务器进行数据交互,极大地提升了用户体验。然而,缓存机制有时可能会导致...

    【JavaScript源代码】vue keepAlive缓存清除问题案例详解.docx

    在Vue.js应用中,`&lt;keep-alive&gt;`组件是一个非常重要的特性,它允许我们缓存组件的状态,使得组件在切换时能保持之前的状态,提高用户体验。然而,如何精确控制哪些组件应该被缓存,哪些不应该,特别是在不同条件下,...

    web项目页面缓存清除,不用每次刷新浏览器

    本资源包提供了关于"web项目页面缓存清除"的操作手册和相关资源,帮助开发者解决因缓存导致的问题,确保用户每次都能看到最新的网页内容,而无需手动刷新浏览器。以下是一些关键知识点: 1. **HTTP缓存机制**:HTTP...

    apicloud 缓存方案 js代码

    本文将详细介绍APICloud中的缓存解决方案,特别是使用JavaScript实现JSON本地存储的方法。 首先,我们需要理解什么是缓存。缓存是一种存储技术,用于暂时保存数据,以便快速访问。在APICloud中,我们可以通过...

    UrlRewriter 缓存问题及一系列的相关探索

    在开发网站功能时,遇到的一个普遍问题是缓存问题,尤其是当修改了后端的JavaScript文件后,前端页面上的iframe组件仍无法加载最新的文件。这个问题的原因是由于浏览器缓存机制导致的,因为即使服务器上的资源已经...

    Ajax 缓存问题,Ajax 缓存问题

    本篇文章将深入探讨Ajax缓存问题及其解决方案。 首先,我们要理解为什么会出现Ajax缓存问题。在HTTP协议中,GET请求通常用于获取资源,浏览器为了提高效率,会对GET请求进行缓存。这意味着如果用户连续发送相同的...

    使用gulp解决requireJs项目前端缓存问题

    RequireJS作为一款优秀的AMD(Asynchronous Module Definition)规范实现者,允许我们按需加载和组织代码,但随之而来的问题是,当项目更新时,浏览器可能会因缓存旧的JavaScript文件而导致更新无法生效。...

    HTML,JSP页面缓存的解决方案

    为了解决上述问题,可以通过以下几种方式来避免模态窗口的缓存: 1. **HTML头部设置**: - 在HTML `&lt;head&gt;` 部分添加如下元信息标签: ```html , must-revalidate"&gt; ``` - 这些元信息标签告诉浏览器不要...

    页面缓存处理方案文档,解决前后端页面缓存

    2. **CSS和JS文件缓存**: 为了实现更新后自动生效,通常采用版本号或时间戳来更新文件引用。例如: ```html &lt;script src="../scripts/aa.js?v=2019XXXXX"&gt; ``` 当文件被修改时,只需更改版本号(这里用日期...

    jsp 缓存处理

    - **永久缓存**:对于不经常变动的静态资源(如CSS、JavaScript文件)可设置长期缓存。 ### 五、优化与注意事项 - **缓存粒度**:根据内容变化频率和大小划分缓存单元,避免整体更新导致不必要的开销。 - **缓存...

    Flex客户端IE浏览器缓存问题

    浏览器为了提高网页加载速度和减少网络带宽消耗,会将访问过的网页资源(如图片、CSS、JavaScript和SWF文件等)存储在本地缓存中。当用户再次访问同一网页时,浏览器会优先从缓存中读取资源,而不是重新向服务器请求...

    两次请求相同的一个URL,会产生缓存问题。

    理解这些差异对于优化应用性能和解决可能出现的缓存问题是至关重要的。 总的来说,理解HTTP缓存的工作原理,以及如何在源码级别控制和调试缓存行为,是每个Web开发者必备的技能。正确处理缓存问题可以提高应用的...

    Node.js-Node.js持久缓存模块支持多种后端存储

    Node.js作为一个强大的JavaScript运行环境,不仅在Web服务器领域广泛应用,还在数据处理和文件操作等方面展现出高效性能。在大型项目中,缓存管理是优化应用程序性能的关键环节,它能减少不必要的数据库查询,提升...

    如何清除tomcat缓存

    无论是手动删除缓存文件、配置`server.xml`文件还是控制浏览器缓存,都是解决缓存问题的有效手段。在实际工作中,根据具体情况选择合适的方法可以提高工作效率,避免因缓存问题导致的应用异常。

    解决js中window.open弹出的是上次的缓存页面问题

    为了解决 `window.open()` 打开的页面被缓存的问题,我们需要告诉浏览器不要缓存这个页面。这通常通过在HTML头部添加特定的元标签(meta tags)来实现。以下就是在页面`&lt;head&gt;`标签中加入的三行代码: ```html `...

Global site tag (gtag.js) - Google Analytics