HTML网页页面全自动清除js、css文档的缓存文件(

 在web新项目开发设计全过程中,大家常常会引入css、js文档,升级文档后常出現缓存文件难题(明明变更了编码,在访问器上浏览的情况下却沒有产生转变),这类状况大家一般选用下列两种处理计划方案:

1、手动式消除访问器缓存文件

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

本人觉得方式2更快,由于消除访问器缓存文件还要等访问器回应。可是每次变更版本号号也很不便,因此必须想方法全自动加上版本号号,

下列是自己搜集的方式:

方式1:能够根据js全自动给html加上版本号号

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

方式2:若是jsp网页页面,可使用java编码转化成時间戳(若是jsp网页页面用方式1也行,但此方式更便捷)

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

方式3:应用别的的方式加上版本号号,如用node.js全自动配备等

ps:大家消除缓存文件的目地是以便立即看到网页页面的升级状况,当大家将网页页面上线时(即布署到宣布自然环境,不容易再做变更),提议把版本号号固定不动,由于有缓存文件的网页页面浏览更快,必须升级的情况下再拆换下固定不动版本号号。

以上便是本文的所有內容,期待对大伙儿的学习培训有一定的协助,也期待大伙儿多多适用脚本制作之家。