这篇文章主要介绍了HTML页面自动清理js、css文件的缓存(自动添加版本号),小编觉得挺不错的,现在分享给大家HTML源码,也给大家做个参考。对HTML感兴趣的小伙伴们一起跟随小编过来看看吧

在web项目开发过程中,我们经常会引用css、js文件,更新文件后常出现缓存问题(明明更改了代码,在浏览器上访问的时候却没有发生变化),这种情况我们通常采用以下两种解决方案:

1、手动清除浏览器缓存

2、添加版本号(如 layout.css?v=1)

个人认为方法2更快,因为清除浏览器缓存还要等浏览器响应。但是每次更改版本号也很麻烦,所以需要想办法自动添加版本号,

以下是本人收集的方法:

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

document.write("");

方法二:若是jsp页面,可以使用java代码生成时间戳(若是jsp页面用方法一也行,但此方法更方便)

方法三:使用其他的方法添加版本号,如用node.js自动配置等

ps:我们清除缓存的目的是为了及时看到页面的更新情况,当我们将页面上线时(即部署到正式环境,不会再做更改),建议把版本号固定,因为有缓存的页面访问更快,需要更新的时候再更换下固定版本号。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

相关推荐:

网页自动切换html css js,HTML页面自动清理js、css文件的缓存(自动添加版本号)_HTML/Xhtml_网页制作...相关推荐

  1. 微信会员注册开发【带源码】:网页授权,得到code后在当前页面获取openid,js+php实现跨域请求

    开发情景: 作者主页:天际app工作室 http://home.zhubajie.com/7145093/ 需要引导微信公众平台用户点击链接进入注册页面,在注册页面需要获取用户微信的openid.技术 ...

  2. 应用css div进行页面布局设计,利用CSS与DIV进行页面布局.ppt

    <利用CSS与DIV进行页面布局.ppt>由会员分享,可在线阅读,更多相关<利用CSS与DIV进行页面布局.ppt(6页珍藏版)>请在人人文库网上搜索. 1.利用CSS与DIV ...

  3. html让页面两边都留点空位,标记语言——CSS布局_HTML/Xhtml_网页制作

    Chapter 12 CSS布局 本书到此为止,讨论的主要是页面内部元素,也就是内容,但是大结构怎么办?长久以来,设计者都依赖表格进行分栏布局,常常在表格之内嵌套其 点击这里返回脚本之家 HTML教程 ...

  4. jquery.fireworks.js表白页面放烟花js特效

    下载地址 jquery.fireworks.js实现的爱情表白页面放烟花特效 dd:

  5. c js html页面进度条,js实现进度条的方法

    本文实例讲述了js实现进度条的方法.分享给大家供大家参考.具体实现方法如下: 1.setTimeout和clearTimeout 进度条 .container{ width:450px; border ...

  6. js获取页面宽度给JS div设宽度

    document.body.offsetWidth; document.getElementById("rightlst").style.width="100px&quo ...

  7. ext 日期时间控件js html页面代码,Ext JS框架中日期函数的用法及日期选择控件的实现...

    增加或减少时间,这个函数不改变原有Date对象的值,而是返回一个新的Date对象. // @param {Date} date 原日期对象. // @param {String} interval v ...

  8. js实现页面跳转并下载文件

    window.location.href = '文件路径';

  9. html网页效果分析,熟手的html编写风格与原因分析_HTML/Xhtml_网页制作

    一.导航:无序列表 对 其它标签元素 用最常用的"无序列表"来写导航的理由是显而易见的,它代表一列链接,这本身就有足够的理由应选择列表标签.但需要移除list列表的默认样式,以使其 ...

最新文章

  1. 为什么使用HashMap需要重写hashcode和equals方法_为什么要重写 hashcode 和 equals 方法?...
  2. python异常处理--try except else raise finally
  3. Python中的类(2)
  4. MultiMedia eXtensions - MMX:第一套应用于英特尔 80x86 指令集的 SIMD 扩展
  5. ora-oracle,oracle:ora-01507错误
  6. airtest adb 远程连接_使用Airtest超快速开发App爬虫
  7. python 判断是否连接wifi_python操作 linux连接wifi,查看wifi连接状态方法
  8. struts2 返回html文本,Struts2 s:textfield文本示例
  9. 原创 leetcode[349]两个数组的交集/ Intersection of Two Arrays 哈希策略
  10. VM 网络设置 for xp3
  11. nmf算法 python_推荐算法——非负矩阵分解(NMF)
  12. Python+networkx 网络可视化方法
  13. html设置尖角,CSS为div添加尖角样式
  14. 浙江大学计算机博士很难复试专业课,2017年浙江大学计算机考研_跨考_复试经验谈...
  15. 关于STL中vector容器的一些总结
  16. iOS蚂蚁森林的loading效果
  17. Eureka(02-入门)Eureka是什么
  18. 数据结构与算法--哈夫曼树应用
  19. java中什么叫引用
  20. c android显示gif动画,MFC显示GIF动画图片

热门文章

  1. POJ2033 LA3078 HDU1508 ZOJ2202 Alphacode【DFS+DP】
  2. 51Nod-2149 字符串出现位置【水题】
  3. HDU2008 数值统计【入门】
  4. Java 系统工具类 —— System、Scanner、Runtime
  5. 说文解字 —— 拆字
  6. Identity of indiscernibles(不可分与同一性)
  7. Python print 语句(Python 2 与 Python 3)
  8. Python 标准库 —— os 路径(os.path)
  9. 趣学 C 语言(十三)—— 标准输入输出重定向
  10. STL 算法接口及用法说明 (二)