您的位置:首页 > Web前端 > CSS

Ajax 获取新页面内容时js css 重复获取的问题

2013-07-31 12:01 246 查看
在做我自己的一个网站的时候

疯狂猜图答案搜索:http://ct.unprofessional.pw 的时候发现一个问题

我的搜索结果页面是用ajax获取后台生成的html的 由于使用了瀑布流的样式 所以后台生成的html必须切入js使其生效 否则返回的页面将失去效果

但是我在使用firebug查看时发现 每次下拉触发接受新内容时都会重新加载一次css js

比如我第一次页面加载了 masonry.css

那我第一次下拉他会加载 masonry.css?_v=2 即使第一次页面缓存了这个js 但是这么操作会让浏览器认为这是一个新的js 并且重新加载

那类推 第三次就是 masonry.css?_v=3

由于页面引用了大量的js和css 这样会导致带宽浪费(即使开启了gzip)

网上搜索方法找到了 可以在引用页面加入同样的?_v=2 这样触发加载新内容就会读取浏览器缓存的js 和css

比如

<script src="masonry.js?_v=2"></script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐