location.reload重新加载大多数东西

时间:2015-02-15 11:38:03

标签: javascript jquery css apache cookies

我正在创建一个多语言网站,该网站通过我设置的名为nav_lang的Cookie了解用户的“导航语言”。目前,我设置的方式是,如果用户选择按新语言导航,则将cookie设置为语言(例如,印地语)并运行location.reload()。

我注意到Chrome的“检查元素”功能,它从服务器重新加载Javascript和字体文件,而不是从缓存中重新加载。我希望它重新加载页面,但不是它的所有元素。有趣的是,从SDN(例如,jQuery)中提取的文件不会重新加载,因为为这些文件返回了304 Not Modified消息。此外,我自己的服务器上的PNG文件返回304 Not Modified,因此不要重新下载。

如何配置服务器以使location.reload()只重新加载页面本身而不是辅助文件(例如,字体,脚本,CSS等)?我想这是我的Apache配置中的一些设置。我正在运行Apache 2.4.9,它是Bitnami的Lampstack版本5.4.30-0的一部分。

1 个答案:

答案 0 :(得分:1)

reload()方法从浏览器缓存重新加载。 您可以通过将forceGet参数设置为true来强制重新加载以从服务器获取页面:location.reload(true);

在您的情况下,您需要在web目录中的.htaccess文件或apache的虚拟主机文件中设置css,js,图像和字体的到期时间


<IfModule mod_expires.c>
  ExpiresActive on

# Perhaps better to whitelist expires rules? Perhaps.
  ExpiresDefault                          "access plus 1 month"

# cache.appcache needs re-requests in FF 3.6 (thx Remy ~Introducing HTML5)
  ExpiresByType text/cache-manifest       "access plus 0 seconds"



# Your document html
  ExpiresByType text/html                 "access plus 0 seconds"

# Data
  ExpiresByType text/xml                  "access plus 0 seconds"
  ExpiresByType application/xml           "access plus 0 seconds"
  ExpiresByType application/json          "access plus 0 seconds"

# RSS feed
  ExpiresByType application/rss+xml       "access plus 1 hour"

# Favicon (cannot be renamed)
  ExpiresByType image/x-icon              "access plus 1 week"

# Media: images, video, audio
  ExpiresByType image/gif                 "access plus 1 month"
  ExpiresByType image/png                 "access plus 1 month"
  ExpiresByType image/jpg                 "access plus 1 month"
  ExpiresByType image/jpeg                "access plus 1 month"
  ExpiresByType video/ogg                 "access plus 1 month"
  ExpiresByType audio/ogg                 "access plus 1 month"
  ExpiresByType video/mp4                 "access plus 1 month"
  ExpiresByType video/webm                "access plus 1 month"

# HTC files  (css3pie)
  ExpiresByType text/x-component          "access plus 1 month"

# Webfonts
  ExpiresByType font/truetype             "access plus 1 month"
  ExpiresByType font/opentype             "access plus 1 month"
  ExpiresByType application/x-font-woff   "access plus 1 month"
  ExpiresByType image/svg+xml             "access plus 1 month"
  ExpiresByType application/vnd.ms-fontobject "access plus 1 month"

# CSS and JavaScript
  ExpiresByType text/css                  "access plus 1 year"
  ExpiresByType application/javascript    "access plus 1 year"
  ExpiresByType text/javascript           "access plus 1 year"

  <IfModule mod_headers.c>
    Header append Cache-Control "public"
  </IfModule>

</IfModule>

您可以在http://www.paulund.co.uk/set-expire-headers-in-htaccess

获取更多信息