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文件之后,常常会出现客户端没有更新,导致显示出现问题。之...
  • xusongsong520
  • xusongsong520
  • 2012年09月23日 14:50
  • 20763

【JS】获取当前时间,时间与时间戳之间的转换

获取当前时间 var nowDate = new Date().getTime(); document.getElementById("times...
  • wzl505
  • wzl505
  • 2016年10月31日 11:49
  • 22792

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

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

js 给url添加时间戳

js 给url添加时间戳 骗过浏览器缓存 function convertURL(url){ var timstamp = (new date).valueOf(); if (url.i...
  • meteor_730
  • meteor_730
  • 2012年04月04日 11:03
  • 7758

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

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

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

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

格式化时间戳,时间加一天

$ceshi="1417247764";  //时间戳格式 第一种: $ceshi+86400;//在时间戳的基础上加一天(即60*60*24) 第二种: $firstdaystr=dat...
  • fgdfgasd
  • fgdfgasd
  • 2014年12月18日 14:15
  • 18585

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

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

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

给url加时间戳方法源代码:   未加时间戳效果 加时间戳效果
  • wu_huiwen
  • wu_huiwen
  • 2010年09月03日 16:19
  • 8184

URL后面加随机数

大家在系统开发中都可能会在js中用到ajax或者dwr,因为IE的缓存,使得我们在填入相同的值的时候总是使用IE缓存,为了解决这个问题一般可以用一下方法:  1:在ajax或者dwr提交的url...
  • Love_5209
  • Love_5209
  • 2014年01月21日 15:44
  • 1838
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js 给url添加时间戳 解决浏览器缓存
举报原因:
原因补充:

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