html不缓存设置

HTTP协议中关于缓存的信息头关键字包括Cache-Control(HTTP1.1)，Pragma(HTTP1.0)，last-Modified，Expires等。

设置响应请求头为 Cache-Control: no-cache,max-age=0

保证了html不缓存，这样资源文件只需要在后面拼接时间戳或者版本号就能实现该缓存时缓存，页面更新时保证更新

当浏览不同Url时，浏览器会自动将当前访问的地址进行一次缓存；而第二次访问时着调用缓存下来的页面，从而达到页面快速加载(页面加载优化)的目的；

因此，我们可以给页面后面设定个不同的值，让页面保持没错访问的不同即可达到不缓存的目的了！

下面是个简单的示例:

复制代码 代码如下:

<script>

document.write("<script type='text/javascript' src='/js/test.js?"+Math.random()+"'></script>")

</script>

其他的类似，只需在地址后加上+Math.random()

注意：因为Math.random() 只能在Javascript 下起作用，故只能通过Javascript的调用才可以

最后加一个ajax也不让缓存的方法

复制代码 代码如下:

xmlHttp.open("GET", "ajax.asp?now=" + new Date().getTime(), true)

记得后面的now=" + new Date().getTime()是重点，需要带参数的。

希望本文所述对大家的javascript程序设计有所帮助。

以上是云栖社区小编为您精心准备的的内容，在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索js ， html ， 页面 不缓存 javascript 缓存、javascript 清除缓存、javascript缓存数据、javascript 本地缓存、javascript 缓存机制，以便于您获取更多的相关知识。

---