css中的图片不缓存,js里的也不缓存是吗???

html-css020

css中的图片不缓存,js里的也不缓存是吗???,第1张

图片是有缓存的。如果你同一路径当前在文件夹里更换了图片 而路径与原来一致 你刷新页面图片不会改变

操作步骤: 打开图片程序页面 —— 在源文件替换该图片——刷新页面查看该图片

操作结果: 图片未成改变

实验结果: 图片是被缓存了

处理方案: 在访问图片链接后面加上"?" + (Math.random()) + "

处理列子: <img src='/Images/ExpertImg/admin/ComStyles/" + Url + "?" + (Math.random()) + "'> </img>

解决办法一:每次修改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不同,这样浏览器就不会去缓存区取数据,而是直接到网站下载。

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