js缓存问题怎么解决

面对的缓存问题有两个：一是页面引入的JS文件缓存。二是JS请求后台的缓存。对于第一种情况，有两种处理方式：

1、可以在页面引入的JS文件后面增加日趋，如果不经常改动的文件，可以在每次改动后修改后缀。

2、对于第二种情况，一般的处理方式是在请求的路径后面加上毫秒值，这样每次请求的路径都不一样，但是对于后台来说都是一样的，用来欺骗浏览器，进行实时请求，不调用浏览器缓存。

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

给网址后面添加一个随机数（或者是任意的字符串）即可，比如原来的网址是这样的：

http....../.../1.htm

改为

http....../.../1.htm?1234

即可（注意问号不能省）。

浏览器是根据网址来缓存的，所以只要给网址接个尾巴，浏览器就会认为是新网址，就会从网上重新下载数据了。当然，如果下次再次改变了网页内容，这个尾巴就要再次修改。

给css和js添加所谓版本号其实也是同一个原理。这个版本号其实就是给css和js的网址接个尾巴而已。

这个也同样适用网页里面的图片、音乐等资源，事实上只要是http协议的元素都可以利用这个办法来避开缓存实时刷新。

---