来自 Web前端 2020-05-07 05:42 的文章
当前位置: 网上澳门金莎娱乐 > Web前端 > 正文

解决js/css文件缓存,让浏览器去服务器重新加载最新js/css

时间: 2019-09-01阅读: 357标签: 加载

有时候可能会遇到js或者css文件引用后传递参数:

在引用文件末尾加上一个参数,让浏览器知道这个文件跟上一个文件是不同的,让浏览器去服务器重新加载最新的,例如:

css和js带参数(形如.css?v=与.js?v=)

script type="text/javascript" src="my.js?v=20170304″/scriptlink rel="stylesheet" href="style.css?v=20170304" type="text/css" /12

<script type=”text/javascript” src=”jb51.js?version=1.2.6″></script>

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

<link rel=’stylesheet’ href=’base.css?version=2.3.3′ type=’text/css’ />

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

使用参数有两种可能:

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

       <script type=”text/javascript” src=”jb51.js”></script>

       <link rel=’stylesheet’ href=’base.css’ type=’text/css’/>

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

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

 

网上澳门金莎娱乐,第二种情况最多,也可能两种同时存在。

本文由网上澳门金莎娱乐发布于Web前端,转载请注明出处:解决js/css文件缓存,让浏览器去服务器重新加载最新js/css

关键词: