又一个秘密如何让浏览器访问最新的js，css等外部引用

Posted 2022-09-15 qqhfeng

在引用文件末尾加上一个参数，让浏览器知道这个文件跟上一个文件是不同的，让浏览器去服务器重新加载最新的，例如：
<script type="text/javascript" src="my.js?v=20170304″></script>
<link rel="stylesheet" href="style.css?v=20170304" type="text/css" />12

在引用的js、jsp、css、html等文件的地址后面加上参数的作用：
第一、脚本并不存在，而是服务端动态生成的，因此带了个版本号，以示区别。
第二、客户端会缓存这些css或js文件，因此每次升级了js或css文件后，改变版本号，客户端浏览器就会重新下载新的js或css文件 ，刷性缓存的作用。大家可能有时候发现修改了样式或者js，刷新的时候不变，就是客户端缓存了css或者js文件，因此加上参数还是有好处的！
第二种情况最多，也可能两种同时存在。