js 给url添加时间戳 解决浏览器缓存

转载 2015年12月08日 23:35:56
好多Linux + Apache的服务器都会对CSS、JS和图片这些静态的内容设置缓存,到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后,常常会出现客户端没有更新,导致显示出现问题。之前我一直使用时间戳参数的方法来解决:

<link rel="stylesheet" type="text/css"   href="common.css?time=20060408" />每次更改了css文件就把参数time的值设为更改当日的日期,这样本地IE就会把它当作一个新的文件更新一次。

但是在最近做的项目中发现一个比较奇怪的问题,服务器端做了gzip压缩,到客户端第一次解压的时候没问题,第二次访问的时候ie从cache里读文件就出问题了,只能读出前面大约一两千个字节。在两台win2000+ie6的机子上重现了这个问题,XP的还没有发现。

最终的解决方案是在时间戳参数后面再加上一个.css结尾,也就是这么写:

<link rel="stylesheet" type="text/css"   href="common.css?time=20060408.css" />然后就一切正常了...

大概IE在从缓存里读文件的时候还得对文件扩展名做一个判断,所以这么加一下它就认了。我自己对这个解释不甚满意,所以如果你有标准答案麻烦留个言

当然js也可以用这种方法<script language="JavaScript" src="/flash/duilian.js?time=New Date()"></script>




Timestamp
//解决浏览器缓存
function timestamp(url){
     //  var getTimestamp=Math.random();
       var getTimestamp=new Date().getTime();
      if(url.indexOf("?")>-1){
        url=url+"&timestamp="+getTimestamp
      }else{
        url=url+"?timestamp="+getTimestamp
      }
      return url;
    }

相关文章推荐

加时间戳使js,css不缓存

好多Linux + Apache的服务器都会对CSS、JS和图片这些静态的内容设置缓存,到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后,常常会出现客户端没有更新,导致显示出现问题。之...

js、css引用地址后加时间戳

JavaScript 获取当前时间戳: 第一种方法: var timestamp = Date.parse(new Date()); 结果:1280977330000 第二种方法: var tim...
  • wky9421
  • wky9421
  • 2016年10月13日 17:09
  • 3093

URL时间戳的实现方法及作用

作用:URL 的末尾追加了时间。这就确保了请求不会在它第一次被发送后即缓存,而是会在此方法每次被调用后重新创建和重发;此 URL 会由于时间戳的不同而稍微有些不同。这种技巧常被用于确保到脚本的 POS...
  • tolcf
  • tolcf
  • 2014年10月21日 09:46
  • 15397

url加时间戳避免再次请求当前路径出现的缓存问题

1.先解释一下,为什么要加时间戳: URL后面添加随机数通常用于防止客户端(浏览器)缓存页面。 浏览器缓存是基于url进行缓存的,如果页面允许缓存,则在一定时间内(缓存时效时间前)再次访问...

给url加时间戳,骗过浏览器缓存

给url加时间戳方法源代码:   未加时间戳效果 加时间戳效果

ajax url加时间戳

由于浏览器有缓存,我们用相同的url,总是会把缓存的数据返回回来。而且又是会报错(412 Precondition Failed)。加上时间戳就是为了避免缓存。 $.ajax({ url:time...

使用时间戳解决浏览器缓存问题

在IE或者其他的很多浏览器中,如果你每次请求的地址是相同的,浏览器就不会去连接服务器而是去读取缓存,这 样对于很多应用来时是非常好的,可以降低服务器的压力或者减少带宽的使用,但是对于ajax应用,很...

在发送ajax请求时加时间戳或者随机数去除js缓存

在发送ajax请求的时候,为了保证每次的都与服务器交互,就要传递一个参数每次都不一样,这里就用了时间戳 大家在系统开发中都可能会在js中用到ajax或者dwr,因为IE的缓存,使得我们在填入相同...

js 给url添加时间戳

js 给url添加时间戳 骗过浏览器缓存 function convertURL(url){ var timstamp = (new date).valueOf(); if (url.i...

在发送ajax请求时加时间戳或者随机数去除js缓存

在发送ajax请求时加时间戳或者随机数去除js缓存 发表回复 在发送ajax请求的时候,为了保证每次的都与服务器交互,就要传递一个参数每次都不一样,这里就用了时间戳 大家在系统开发中都可...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js 给url添加时间戳 解决浏览器缓存
举报原因:
原因补充:

(最多只允许输入30个字)