Question

当用户点击我网页上的“刷新”按钮时，我的网络应用程序出现性能问题。行为如下所示：

$("#reloadbutton").click(function(){
    location.reload();
});

它会重新加载页面所需的所有CSS，JS和图像文件。唯一的问题是它为每个其他页面请求执行此操作，例如单击链接转到另一个页面。

如果我只是点击F5按钮，它将重新加载所有的CSS，JS和图像文件，然后如果我转到另一个页面，它将不会尝试重新加载这些文件，一旦我去其他页。但是，如果我点击页面本身的重新加载按钮，它会在每个页面请求上重新加载所有这些文件，我不希望它这样做。

所以我有两个问题：

如何在不浏览器获取所有CSS，JS和图像文件的情况下刷新（因为我希望最小化刷新每个页面所需的时间）？
使用location.reload()而不是使用浏览器自带的重新加载按钮时，为什么会出现不同的行为？

注意：我目前正在使用最新版本的Firefox

Answer 1

使用

$("#reloadbutton").live("click",function(){
    location.reload();
});

你可以通过每隔一秒后进行ajax调用来实现这个目的

Answer 2

$("#reloadbutton").click(function(){
  location.reload(false);
});

根据Mozilla developer network，location.reload();可以带参数。如果为location.reload(true);，则会导致始终从服务器重新加载页面。如果为false location.reload(false);或未指定，则浏览器可能会从其缓存中重新加载页面。

从浏览器重新加载按钮重新加载并从javascript重新加载时获取不同的浏览器行为

2 个答案: