这种类型的CSS的目的是什么?

时间:2014-04-17 10:17:05

标签: javascript css

我想知道下面这种类型的css和js文件的目的是示例

<link rel="stylesheet" type="text/css" media="all" href="http://example.com.pk/lib/css/fancybox.style.css?v=1.4">

什么是css?v = 1.4有段时间我发现js?v = 1.3为什么会给出这些参数?

5 个答案:

答案 0 :(得分:3)

用于JS,CSS版本控制在文件更改时更新浏览器缓存

答案 1 :(得分:0)

它们用于检索给定资源的特定版本(例如,CSS文件)。

答案 2 :(得分:0)

这是一个加载css文件的链接。 href属性向我们显示位置(在这种情况下为url)。

css?v = 1.4是查询字符串的一部分,可能是此特定css版本的一部分。

大多数情况下,这是在查询字符串中添加以避免缓存(浏览器缓存css \ js文件),如果更改了网址,则无法在缓存中找到该文件。

答案 3 :(得分:0)

它是文件版本指示器。最有可能的是,它在链接路径中用于控制文件上的缓存。 使用此变量,站点管理员可以更改文档头中指定的样式表的URL,而无需实际更改文件名。 缓存资源的路由器,浏览器等将看到一个新的URL,并将文档的完整请求发送回服务器,返回更新的文件而不是缓存的版本。

答案 4 :(得分:0)

首先,如果链接中的文件以.css结尾,则不一定必须是指向指定文件的直接链接。服务器内部可以将此链接重写为某些服务器端脚本(asp,php,...),然后根据查询参数(v = 4)决定要提供哪个文件。

此外,谷歌使用这些来决定加载它的api库。这基本上回到了我之前写过的段落。

此外,这还可用于确保浏览器加载新版本的脚本。例如,如果您始终加载style.css,则浏览器会倾向于缓存这些内容以加快加载速度(除非另有说明),以后可能会干扰更改。您可能会更改.css文件中的某些内容而不是在浏览器中看到它,因为浏览器提供了缓存版本而不是实时版本。因此,你添加?v = X,其中X是从最后一个版本(或全新的东西)的增量,以确保浏览器不从缓存加载。

这实际上取决于服务器端查询参数的实现。它也可能不做任何事情,并且只是作为开发人员的html参考。