禁止静态文件缓存的方法，可用于JS与CSS文件上

什么情况下，要禁止静态文件缓存：
1、经常可能要改动的 js, css.
       比如一个html 文件， test.html 在 1.0版本中。可能是这样
     <script src="common.js"></script>
     修改后 v1.1版本：
<script src="common.js"></script>
<script src="foo.js"></script>
   新增加了一个foo.js 同时，也改动了common.js , 在common.js 中定义了新的类，并在foo.js 中使用了common.js.

在这种情况下如果以前用户浏览过 1.0版本的 html 文件，那么他的浏览器自动缓存了 common.js
当他浏览新版本的时候，因为使用的是 v1.1的 foo.js 和 v1.0的 common.js ，这样将导致脚本出错。

解决方法探讨：
因为css,js 是通过 <script src=....> 这种方式加载的，所以，很难使用 asp 的那种服务器端禁止缓存的办法。也很难使用ajax的通过设置 http请求头的办法禁止使用缓存。

看来随机数是个好办法。

// 方法一：
document.write( " <script src='test.js?rnd= " + Math.random() + " '></s " + " cript> " )

// 方法二：
var js = document.createElement( " script " )
js.src = " test.js " + Math.random()
document.body.appendChild(js)

但是，如果采用随机数的话， js文件将永远得不到缓存，每次都必须重新从服务器加载，即使没有任何更改。
大家如果经常上国外网站的话，可以看到他们通常采用这样的方式来解决：
<script src="test.js?ver=113"></script>
其中 ver=113 的 113就是版本号，一般都是采用 CVS 或其他工具生成的开发版本号。

这样真正做到了应该缓存的时候缓存静态文件，当版本有更新的时候从获取最新的版本，并更新缓存。
对于图像 <img src="test.jps?ver=在CVS的版本号"> 来有效利用和更新缓存.

CSS更新的问题，如果网站CSS修改了，但客户浏览器设置不更新缓存，那看到的网页可能会乱掉。因为CSS缓存没有更新。（解决，可以在css文件后加一个参数，参数改变后，浏览器会重新下载新的文件。如：<link rel="stylesheet" type="text/css" href="templates/css/stylesheet.css?v=1366768782">）

禁止静态文件缓存的方法，可用于JS与CSS文件上相关推荐

js或css文件后面的参数是什么意思？
经常看到不少导航网站测样式或js文件后面加了一些参数,主要是一你为一些并不经常更新的页面重新加载新修改的文件. 经常遇到页面里加载的js与css文件带有参数,比如: <script type=& ...
JavaScript使用localStorage缓存Js和css文件
对于WebApp来说,将js css文件缓存到localstorage区可以减少页面在加载时与HTTP请求的交互次数,从而优化页面的加载时间.特别是当移端信号不好高延迟时优化效果还是很显见的下面的代 ...
JS使用localStorage缓存Js和css文件
代码下载: http://download.csdn.net/download/qq_29132907/10261798 目录结构将jquery和公共样式缓存到localStorage,可以减少Ht ...
网页自动切换html css js,HTML页面自动清理js、css文件的缓存（自动添加版本号）_HTML/Xhtml_网页制作...
这篇文章主要介绍了HTML页面自动清理js.css文件的缓存(自动添加版本号),小编觉得挺不错的,现在分享给大家HTML源码,也给大家做个参考.对HTML感兴趣的小伙伴们一起跟随小编过来看看吧在we ...
html实现自动清理js、css文件的缓存
html是如何实现自动清理js.css文件缓存的?很多人都不太了解,今天小编为了让大家更加了解自动清理js.css文件缓存的方法,所以给大家总结了以下内容,一起往下看吧. 方法如下: 1.手动清除浏览 ...
html，js文件缓存解决,html是如何实现自动清理js、css文件缓存的
html是如何实现自动清理js.css文件缓存的发布时间:2020-04-09 10:08:05 来源:亿速云阅读:106 作者:小新 html是如何实现自动清理js.css文件缓存的?很多人都不 ...
合并多个js,css文件的方法：在服务端合并js和css文件
合并所有的js和css文件可以减少HTTP请求,这样能提升访问速度. 通常为了开发的方便,我们会把js按用途分类,这样就会有很多js文件,比如sablog的jscript文件夹里就有10几个文件,这样 ...
php 压缩js css文件,PHP实现动态压缩js与css文件的方法
本文实例讲述了PHP实现动态压缩js与css文件的方法.分享给大家供大家参考,具体如下: 正式发布产品时,我们希望将项目里的js,css合并压缩,以减少http请求.防止轻易查看源代码. 使用只需要 ...
php 压缩html css,PHP实现动态压缩js与css文件的方法
这篇文章主要介绍了关于PHP实现动态压缩js与css文件的方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下本文实例讲述了PHP实现动态压缩js与css文件的方法.分享给大家供大家参 ...

禁止静态文件缓存的方法，可用于JS与CSS文件上

禁止静态文件缓存的方法，可用于JS与CSS文件上相关推荐

最新文章

热门文章