js设置浏览器不缓存

最新推荐文章于 2024-08-05 17:53:21 发布
最新推荐文章于 2024-08-05 17:53:21 发布
阅读量6.7k 收藏 15
点赞数 4
分类专栏： HTML 前端 文章标签： 浏览器缓存 js不缓存数据 php缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wepe12/article/details/90229896
版权
HTML 同时被 2 个专栏收录
19 篇文章 0 订阅
订阅专栏
前端
18 篇文章 0 订阅
订阅专栏

关于浏览器缓存

浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。今天主要介绍清除缓存的几种方法。
清理网站缓存的几种方法
meta方法

    //不缓存
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="0">

清理form表单的临时缓存

<body onLoad="javascript:document.yourFormName.reset()">

其实form表单的缓存对于我们书写还是有帮助的，一般情况不建议清理，但是有时候为了安全问题等，需要清理一下！
jquery ajax清除浏览器缓存

方式一：用ajax请求服务器最新文件，并加上请求头If-Modified-Since和Cache-Control,如下:

     

$.ajax({
         url:'www.haorooms.com',
         dataType:'json',
         data:{},
         beforeSend :function(xmlHttp){
            xmlHttp.setRequestHeader("If-Modified-Since","0");
            xmlHttp.setRequestHeader("Cache-Control","no-cache");
         },
         success:function(response){
             //操作
         }
         async:false
      });

方法二，直接用cache:false,

     

$.ajax({
         url:'www.haorooms.com',
         dataType:'json',
         data:{},
         cache:false,
         ifModified :true ,
     
         success:function(response){
             //操作
         }
         async:false
      });

方法三：用随机数，随机数也是避免缓存的一种很不错的方法！

URL 参数后加上 "?ran=" + Math.random(); //当然这里参数 ran可以任意取了

方法四：用随机时间，和随机数一样。

在 URL 参数后加上 "?timestamp=" + new Date().getTime();

用php后端清理

在服务端加

header("Cache-Control: no-cache, must-revalidate");

 这几种方法可以控制浏览器不去缓存数据。

 

wepe12
关注
专栏目录
让浏览器不加载缓存CSS和JS的方法
一夜长风的专栏
09-30 1万+
让浏览器不加载缓存CSS和JS的方法 我们在网页制作中会碰到如果我上传js,css之后用户以前打开过页面那么这样不会加载新的css或js文件而是加载缓存中的文件，那么我要怎么让浏览器不加载缓存CSS和JS呢？下面一聚教程小编来给各位介绍。 现在大多数浏览器都会缓存网站上的图片、CSS 和 JS 文件，以提高加载速度。当你的网站修改 CSS 和 JS 的时候往往因为缓存的原因无法
不让浏览器缓存js
热门推荐
序猿
12-10 1万+
方法一： 在html头部增加如下代码 这样，修改了代码，页面浏览器就不会缓存了。不过IE浏览器直接刷新页面是没效果的，得把IE关了再打开就行了。（IE果然很流氓啊） 方法二： 在引用js文件的时候，添加随机数，代码如下 document.write(""); PS:由于公司申请了两个域名。但是公司只有一个服务器，所以在index.html页面， 我做了j
JS缓存三种方法
最新发布
王世凡的技术博客
08-05 205
在开发JavaScript应用程序时，浏览器缓存是一个值得注意的问题。IndexedDB是HTML5提供的一种本地存储方案，详细介绍可以查看我之前写的文章《IndexedDB详解》。localStorage是HTML5引入的本地存储方案，它可以在浏览器关闭后依然保存存储的数据。上述三种JavaScript缓存方式各具特点，可以根据具体应用场景选择合适的方式。localStorage的优点有多种，如可设置过期时间，缺点是存储容量较小。它可以被用来拦截和处理网络请求，同时可以提供离线缓存和推送通知等功能。
js配置文件不缓存
weixin_30363817的博客
09-03 392
如果一个项目变更频繁，那么浏览器缓存是一个很大的问题，因为它会缓存静态文件，除了html，除非你设置强制缓存， 就是那种自定义设置缓存时间的方式。 那么一般最好是设置个公共的配置文件，那么公共静态文件需要变更就可以修改一次就可以了， 目前方式把配置文件设置一个时间戳版本号，那么就可以不缓存配置文件了。 ;(function(window,undefined){ var cur...
html js 非缓存,javascript – fetch(),你如何进行非缓存请求？
weixin_39997253的博客
06-27 661
Fetch可以采取一个包含许多可能要应用于该请求的自定义设置的init对象,其中包含一个名为“headers”的选项.“headers”选项需要一个Header对象.此对象允许您配置要添加到请求中的标题.通过添加pragma：无缓存和缓存控制：无缓存到您的头,您将强制浏览器检查服务器,以查看该文件是否与缓存中已有的文件不同.您也可以使用cache-control：no-store,因为它不允许浏览...
js文件防止浏览器缓存
Ming_key的专栏
01-22 1989
有时候频繁修改js文件，但是有时候浏览器缓存很恶心，并没有更新到页面，我们可以使用版本号这个方法来处理，自己总结了一个方案，参考了一个方案。 1、 &lt;% Double version = Math.random(); %&gt; &lt;script type="text/javascript" src="/js/jcfw2/action.js/&lt;%=version%&gt...
如何让前端浏览器不进行缓存
Roger_CoderLife的博客
10-12 2119
当浏览器要访问一个某个资源时，浏览器会通过资源的URL来判断是否读取缓存中的内容。由于浏览器存在缓存，所以会导致服务器上的内容修改了，但是在浏览器却显示没有变化。 为了解决这个问题，可以在每次请求的时候加一个随机数参数或者时间戳。它的作用就是让浏览器误以为请求的是一个新链接，这样浏览器就不会去读取缓存里的内容。 代码如下： &lt;!DOCTYPE html&gt; &lt;html&gt...
js清除浏览器缓存的几种方法
10-20
在Web开发过程中，浏览器缓存是提升页面加载速度和用户体验的一个重要机制，但有时候它也会导致网页显示不及时更新的问题。为此，了解如何使用JavaScript来清除或避免浏览器缓存变得至关重要。本文介绍了几种使用...
让html页面不缓存js的实现方法
10-25
在介绍如何让HTML页面不缓存JavaScript文件之前，需要了解浏览器缓存的基本原理。浏览器缓存是为了提升网页的加载速度和用户体验，当用户访问一个网页时，浏览器会将网页内容及相关文件（包括CSS和JavaScript文件）...
浏览器缓存机制介绍与缓存策略剖析.pptx
05-27
浏览器缓存机制介绍与缓存策略剖析 浏览器缓存机制是指浏览器在请求资源时，对已经请求过的资源进行缓存，以便下次请求时可以直接从缓存中获取，从而提高页面加载速度和减少服务器的压力。本文将详细介绍浏览器缓存...
讲解Nginx服务器中设置本地浏览器缓存的简单方法
09-30
例如，对于静态资源如图片、JavaScript文件和CSS样式表，可以设置较长的缓存时间，因为这些资源在网站的多个页面中被共享且不太可能频繁变动。而对于HTML页面和PHP动态生成的内容，则可能需要较短的缓存时间，因为...
chome 调试 js禁用缓存
LANGZI7758521的专栏
04-28 2018
1.按【F12】键打开控制台界面，并切换到javascript调试窗口，也就是【Console】窗口 2、接下来我们要设置了，我们点击控制台右边的设置图标，类似于一个小螺母一样的图标 3、这个就是打开的设置窗口的首届面 4、接下来我们就要设置了，我们在【Disable cache...】前面打勾，就是把这一项选上，这个选项的意思就是，当调试工具打开时禁止浏览器缓存 5、这样
由于浏览器缓存导致页面JS不生效的问题
FeiChangWuRao的博客
02-21 2714
问题：一个小需求，自己更改一个页面，大概就是写了一点JS，用到了dropzone这个插件。在自己本地启动没什么问题，触发事件都和自己预期的一样，但是放到测试环境服务器上却发现不仅没效果，还在network上提示一个错误。错误大概意思就是，定义有问题之类和什么没定义。 解决过程： 刚开始想到问题是不是中文字符串的问题，调整对应的位置，发现没有用。 想到会不会是文件格式的问题，直接替换的JSP和JS。...
前端页面 css/js防止缓存
m0_46641774的博客
12-07 1564
前端页面 css/js防止缓存
加时间戳使js,css不缓存
stujike123456的博客
08-10 1623
https://blog.csdn.net/xusongsong520/article/details/8009762 多Linux + Apache的服务器都会对CSS、JS和图片这些静态的内容设置缓存，到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后，常常会出现客户端没有更新，导致显示出现问题。之前我一直使用时间戳参数的方法来解决： &lt;link rel="stylesh...
js 打开服务器缓存文件夹,禁止js文件缓存方法举例
weixin_42513814的博客
08-01 877
禁止js文件缓存，如下：1、在引用JS文件的地方加上：复制代码 代码示例://09年08月14日修改var now=new Date();var number = now.getYear().toString()+now.getMonth().toString()+now.getDate().toString()+now.getHours().toString()+now.getMinutes()...
防止浏览器缓存的办法
qq_46017342的博客
03-28 3037
防止浏览器缓存的办法
防止浏览器缓存了静态的配置等文件(例如外部的config.js 等文件)
m0_50207524的博客
05-28 1359
在实际开发中浏览器的缓存问题一直是一个很让人头疼的问题，尤其是我们打包时候防止的静态配置文件config.js等文件。
【前端面试之缓存】js本地缓存、浏览器缓存、服务器缓存
阿卡内的博客
08-05 4592
js本地缓存、浏览器缓存、服务器缓存
如何设置node.js浏览器缓存
04-05
在Node.js中设置浏览器缓存可以通过设置HTTP响应头来实现。以下是一种常见的设置浏览器缓存的方法： 1. 首先，你需要使用Node.js的HTTP模块创建一个HTTP服务器。可以使用以下代码创建一个简单的HTTP服务器： ```javascript const http = require('http'); const server = http.createServer((req, res) => { // 处理请求并发送响应 }); server.listen(3000, () => { console.log('Server is running on port 3000'); }); ``` 2. 在处理请求并发送响应的代码中，你可以设置响应头来控制浏览器缓存。以下是一些常用的响应头设置： - 设置Cache-Control头：Cache-Control头用于指定缓存的行为。例如，可以设置`Cache-Control: public, max-age=3600`来指定资源可以被公共缓存，并且在缓存中保留1小时。 ```javascript res.setHeader('Cache-Control', 'public, max-age=3600'); ``` - 设置Expires头：Expires头用于指定资源的过期时间。例如，可以设置`Expires: Wed, 21 Oct 2022 07:28:00 GMT`来指定资源在指定时间之后过期。 ```javascript res.setHeader('Expires', 'Wed, 21 Oct 2022 07:28:00 GMT'); ``` - 设置ETag头：ETag头用于指定资源的唯一标识符。浏览器可以使用ETag头来验证资源是否已更改。例如，可以设置`ETag: "abc123"`来指定资源的ETag。 ```javascript res.setHeader('ETag', 'abc123'); ``` 3. 根据你的需求，可以根据请求的URL或其他条件来动态设置响应头。例如，可以根据请求的URL来设置不同的缓存策略。 ```javascript if (req.url === '/static/css/styles.css') { res.setHeader('Cache-Control', 'public, max-age=86400'); // 缓存静态CSS文件1天 } else if (req.url === '/static/js/main.js') { res.setHeader('Cache-Control', 'public, max-age=604800'); // 缓存静态JS文件1周 } else { res.setHeader('Cache-Control', 'no-cache'); // 不缓存其他资源 } ``` 这只是一个简单的示例，你可以根据你的具体需求进行更复杂的设置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wepe12

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值