页面缓存的问题

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

对于一个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的框架，gulp、webpack之类的脚手架工具。