如何让html页面不缓存，js永久缓存

当浏览不同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 缓存机制，以便于您获取更多的相关知识。

解决办法一：每次修改js或css文件后，都要手工修改那个版本号，注意：是每修改一次（哪怕仅仅是改了一个字符）都要修改版本号；

解决办法二：如果嫌手工修改太麻烦，那可以通过程序来自动修改（用随机数做版本号）。如果你的网站是动态的，那可以通过后台程序来改，比如ASP的：

<link rel="stylesheet" href="static/mimi/css/main.css?v=<%=rnd()%>" type="text/css"/>

PHP的：

<link rel="stylesheet" href="static/mimi/css/main.css?v=<?php echo mt_rand()?>" type="text/css"/>

如果是静态网站那就要js脚本来实现了，这个稍微麻烦点，这里就不说了。

其实上述方法一和方法二的目的都是为了使每次打开的js或css的url不同，这样浏览器就不会去缓存区取数据，而是直接到网站下载。

如果上述方法仍然无效，那就是你的浏览器的缓存机制存在问题，比如“从不检查网页的新版本，除非手动刷新”，这个就要你自己去设置了。

---