html禁止缓存的方法

小编给大家分享一下html禁止缓存的方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

html禁止缓存的方法：首先打开相应的HTML文件；然后通过“<meta http-equiv="Pragma" content="no-cache">”语句实现页面禁止缓存即可。

HTML页面禁止缓存

页面缓存的问题可能大家都遇到过，很多功能做完没起效果，那么怎么解决这个问题呢?这里给出我的使用的解决方法

对于一个html页面，缓存分3部分，一个是页面内容，一个是css样式，一个是JS文件

1、页面内容

<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">

2、CSS和JS文件

<link rel="stylesheet" href="../css/register.css"/>
<script src="../scripts/register.js"></script>

改成

<link rel="stylesheet" href="../css/register.css?v=20161020"/>
<script src="../scripts/register.js?v=20161020"></script>

就是只要在每次修改后改一下版本号即可

这样每次修改后都要改，有没有自动加版本号的东西，估计有，如果是JSP和php可以通过脚本

自动生成，如果是纯html也可以通过document.write，或者用动态加载JS的框架啥的。

以上是“html禁止缓存的方法”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！