html页面缓存设置(js禁止缓存)

lxf2023-03-14 17:49:01

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

html页面缓存设置(js禁止缓存)

本文操作环境:windows7系统、HTML5&&CSS3版,DELL G3电脑

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视频教程》

以上就是html怎么禁止缓存的详细内容,更多请关注AdminJS其它相关文章!