js清除浏览器缓存的几种方法

最新推荐文章于 2022-07-06 16:00:16 发布
最新推荐文章于 2022-07-06 16:00:16 发布
阅读量161 收藏
点赞数
分类专栏： js

关于浏览器缓存

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

清理网站缓存的几种方法

meta方法

?

1

2

3

4

//不缓存

<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,如下:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

$.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,

?

1

2

3

4

5

6

7

8

9

10

11

$.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");等等(如php中)

方法五：

window.location.replace("WebForm1.aspx");  

参数就是你要覆盖的页面，replace的原理就是用当前页面替换掉replace参数指定的页面。 

这样可以防止用户点击back键。使用的是javascript脚本，举例如下：

a.html

以下是引用片段：

?

1

2

3

4

5

6

7

8

9

10

11

12

13

<html>

   <head>

     <title>a</title>  

     <script language="javascript">

       function jump(){

         window.location.replace("b.html");

       }

     </script>

   </head>

   <body>

    <a href="javascript:jump()" rel="external nofollow" rel="external nofollow" >b</a>

  </body>

</html>

b.html

以下是引用片段：

?

1

2

3

4

5

6

7

8

9

10

11

12

13

<html>

   <head>

     <title>b</title>  

     <script language="javascript">

       function jump(){

         window.location.replace("a.html");

       }

     </script>

   </head>

   <body>

    <a href="javascript:jump()" rel="external nofollow" rel="external nofollow" >a</a>

  </body>

</html>

dxj124
关注
专栏目录
解决web项目发布新版本需要清除浏览器缓存的问题
chen_bo526的博客
01-10 2万+
一、bug起因 最近做公司的项目，对样式进行了修改后，新版本上线。测试那边经常说：修改的样式没有生效，我都是让他们清下浏览器缓存试试。可是到了正式环境，用户（也就是老总们）并不都一定知道清缓存这件事，导致一出问题就找我们，所以上面下死命令，要把这个问题解决掉。 二、解决方案 其实浏览器缓存是有好处的，第一次访问网站会从服务器获取静态的资源，然后将静态资源在游览器中缓存，下次用户在访问时，就直接获取...
清除js缓存
飞雁阁
07-20 220
客户端有一个HTML文件,是用来提交输入信息的.但问题是: 每次按刷新时,我发觉并不是整个页面重新被装载.好似是缓存里的.因为文本框中 仍出现上次输入的值. 只有在地址栏中按回车整个页面才重新装载. 应当怎样避免这个问题?   在html里head区加上这么一段代码:    &lt;meta http-equiv="pragma" content="no-cache"  /&gt;   ...
Layui中遇到的问题?+(如何清空Microsoft Edge浏览器缓存)
忆梦九洲的博客
05-13 1068
杂记 layui table 中出现中文乱码 解决方案如下 1.在表格参数中可能没有加入method=‘post’， 2.清浏览器缓存 如何清空Microsoft Edge浏览器缓存 1.在浏览器右上方点击图示位置的图标。 2.然后在其下方会出现列表，往下拉动列表至最下方找到【设置】按钮，并点击它 3.进入到浏览器的设置页面，滚动设置页面，在设置页面中找到“清除浏览数据”栏，点击其下方的【选择要清除的内容】。 4.进入到浏览器的设置页面，滚动设置页面，在设置页面中找到“清除浏览数据”栏，点击其下
LayUi前端框架删除数据缓存问题（解决删除后刷新页面内容又会显示问题）
asdfgh0077的博客
11-10 631
LayUi前端框架删除数据缓存问题（解决删除后刷新页面内容又会显示问题）
清除浏览器缓存的几种方法总结(必看)
09-01
以上就是清除浏览器缓存的几种常见方法。每种方法都有其适用场景，根据实际需求选择合适的方式能够有效地解决因缓存引起的问题，确保用户始终获取最新的网页内容。在开发和调试过程中，掌握这些技巧能够大大提高工作...
关于angularJs清除浏览器缓存的方法
10-18
传统上，我们可以使用以下几种方式来避免浏览器缓存： 1. **Meta标签**：在HTML头部添加`<META HTTP-EQUIV="pragma" CONTENT="no-cache">`, `, must-revalidate">`和`<META HTTP-EQUIV="expires" CONTENT="0">`，...
react+django清除浏览器缓存的几种方法小结
09-19
在开发Web应用时，尤其是使用React和Django...总结来说，清除或禁用浏览器缓存的方法多样，可以根据具体需求选择适合的方式。在React+Django项目中，结合前端和后端策略，可以确保用户始终得到最新且无缓存的页面内容。
js防止浏览器记住密码
qq_36990322的博客
07-06 3100
js防止浏览器记住密码
JS如何不让浏览器自动记住密码
热门推荐
青崖梦
04-08 1万+
为了帐号和密码安全，作为程序员，如何不让浏览器自动记住密码呢？浏览器有时总是自动填充用户和密码，怎么屏蔽呢？方法/步骤：1、JS清空cookies。具体方法不在此介绍了。2、登录时采用https协议。3、设置上autocomplete属性，阻止浏览器从cookies获取数据填充登录表单：&lt;input type="text" id="username"  name="username"  au...
Javaweb--如何让登陆页面的表单不默认显示账号和密码
山顶雨人
04-21 7235
楼主做Javaweb项目，制作登陆页面访问时总是出现用户名和密码被自动填写的情况；如何清除密码，禁止表单显示账户密码，列出问题的解决方案
html登陆时清除密码缓存,网页浏览器怎样清除账号密码等缓存
weixin_33685869的博客
06-28 3513
清除浏览器上的自动保存登陆账号和密码的方法如下：方法一：以360浏览器为例1、首先打开浏览器，点击右上角的“工具”按钮，点击它，在弹出的菜单中选择“选项”。如下图所示：2、进入“选项”中“个人资料”页面，查看“密码和表单”里面有“管理已保存的密码”3、选中保存过的密码的网址删除即可。方法二：　1.首先打开浏览器，点击IE右上角的“工具”按钮，点击它，在弹出的菜单中选择“Internet选项”。如下...
清除各个浏览器保存的账号密码信息
夏已微凉、
12-06 4801
一、火狐浏览器二、谷歌浏览器三、UC浏览器四、QQ浏览器五、Microsoft Edge 浏览器六、总结 一、火狐浏览器 位于：设置 -> 隐私与安全 -> 已保存的登录信息…(L) 地址（在火狐浏览器输入）：about:logins 二、谷歌浏览器 位于：设置 -> 自动填充 -> 密码 地址（在谷歌浏览器输入）：chrome://settings/passwords 三、UC浏览器 位于：设置 -> 其他 -> 管理已保存密码… 地址（在UC浏览器输入）：.
js禁止浏览器保存用户密码
高先生的猫
08-20 4035
Step1： 在html中，除了要用的密码框以外，额外添加一个密码框，设置为隐藏 <input type = "password" name="myPassword" style="display:none;"/> 注意：添加的用来干扰的密码框，必须在有用的密码框的上面，上面任何地方都行，就是不要在下面。 Step2： 把我们要用的密码框的type写成text类型，这样就不会被认为是密码框 <input type = "text" name="myPassword"/.
js清除缓存方式
qq_39241421的博客
04-03 5534
问题：            用户第一次访问网站时，浏览器会记录网站的所有信息，还有把访问的内容，包括：css/js/img/存放在缓存里面，以便用户再次访问该网站时，能快速调用本地已有的数据。那么就会出现一个问题，就是网站源代码（css/js/img）已经更新了好几个版本，用户没有刷新，那么浏览器会一直使用缓存中的样式。导致用户体验很不友好。           一般我们开发在做开发与测试的时候...
原生js清除浏览器缓存
最新发布
03-31
在原生JavaScript中，可以通过以下几种方式清除浏览器缓存： 1. 使用location.reload()方法，强制浏览器重新加载页面，从而清除缓存。该方法可以接受一个布尔值参数，表示是否强制从服务器重新加载页面。如果省略参数或传递false，则浏览器可能会从缓存中加载页面。 ``` location.reload(true); ``` 2. 在URL后添加随机数参数，使浏览器强制重新加载页面。可以使用Date对象的getTime()方法获取当前时间的时间戳，并将其作为随机数参数添加到URL中。 ``` var random = new Date().getTime(); window.location.href = "http://example.com/?random=" + random; ``` 3. 清除浏览器缓存。可以通过JavaScript修改HTTP头信息，添加Cache-Control或Expires字段，从而告诉浏览器不要缓存页面。例如，以下代码将页面的Cache-Control设置为no-cache，从而禁用浏览器缓存。 ``` window.addEventListener("pageshow", function(event) { if (event.persisted) { // 页面从缓存中加载 window.location.reload(); } else { // 页面第一次加载 } }, false); // 禁用浏览器缓存 document.header("Cache-Control", "no-cache"); document.header("Expires", "-1"); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值