包含css、js文件带参数的意思和作用

可能很多新手在阅读其他网站的源代码的时候发现在包含css、js文件的时候文件后面还带有参数，类似于下面这样：

 

<link rel="stylesheet" type="text/css" href="./style/style.css?v=20120303" />

 

Ruthon的这个博客在今天也开始启用了这样带参数的包含静态文件的方式。

 

其实说到底这样带参数的包含文件的方式和不带参数没有什么本质上的差别，带参数唯一的作用就是防止浏览器的缓存。

 

我们知道浏览器当包含的静态文件，比方说css、js等，如果没有路径上面的改变，浏览器是直接从浏览器的缓存里读取这个css、js文件的。

 

但是，如果你在包含文件路径后面添加上一个参数（这样的参数是随意的），在你更改了这个静态文件，你可以修改包含文件的参数值来告诉浏览器我将包含的这个静态文件已经改变了，所以这时浏览器就会重新从服务器上加载最新版本的静态文件。你改变静态文件的效果也随之可以看到了。

 

除了css、js等我们使用带参数外，还可以是图片、flash等。