引用js或css时后面加?ver= 版本号的作用

例如:

<script type='text/javascript' src='/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>

<link rel='stylesheet' href='/wp-content/plugins/wp-syntax/css/wp-syntax.css?ver=1.1' type='text/css'/>

使用参数有两种可能:

第一、脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别。 即上面代码对于文件来说等价于

<script type='text/javascript' src='/wp-includes/js/jquery/jquery.js'></script>

<link rel='stylesheet' href='/wp-content/plugins/wp-syntax/css/wp-syntax.css' type='text/css'/>

但浏览器会认为他是该文件的某个版本!

第二、客户端会缓存这些css或js文件,因此每次升级了js或css文件后,改变版本号,客户端浏览器就会重新下载新的js或css文件 ,起到刷新缓存的作用。大家可能有时候发现修改了样式或者js,刷新的时候不变,就是客户端缓存了css或者js文件,因此加上参数还是有好处的!

第二种情况最多,也可能两种同时存在。

打赏

One Reply to “引用js或css时后面加?ver= 版本号的作用”

发表评论

电子邮件地址不会被公开。