怎样让前端界面自动清理js，css文件的缓存

Posted 2023-04-03

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎样让前端界面自动清理js，css文件的缓存相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<script>
    var script = document.createElement(\'script\')
    script.src = \'https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js?version=\' + (new Date).getTime()
    var stylesheet = document.createElement(\'link\')
    stylesheet.rel = \'stylesheet\'
    stylesheet.href = \'https://cdn.bootcss.com/bootstrap/4.0.0-beta.3/css/bootstrap.css?version=\' + (new Date).getTime()
    document.head.appendChild(script)
    document.head.appendChild(stylesheet)
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>

<script>
script.onload = function(e)
    alert(jQuery)

</script>
</body>
</html>

我写了一个很简单的实例。

参考技术A 在地址中加一个随机数作为参数

html实现自动清理jscss文件的缓存

方法如下：

1、手动清除浏览器缓存；

2、添加版本号

方法一：可以通过js自动给html添加版本号

<script type="text/javascript">  
document.write("<link rel=‘stylesheet‘ type=‘text/css‘ href=‘/css/layout.css?v="+new Date().getTime()+"‘>");   
</script>

方法二：若是jsp页面，可以使用java代码生成时间戳

<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">

以上是关于怎样让前端界面自动清理js，css文件的缓存的主要内容，如果未能解决你的问题，请参考以下文章