在客户端缓存html文件

时间:2010-09-29 16:15:01

标签: html

在我的一些页面中,我有“模板”。例如,我可能有一个表,我在表中的每一行都有一个“模板”

<div class="wholeRow"><div class="lefCol"><!-- some stuff will go here --></div>...

然后我用JS填写这个表。虽然用户每次访问页面时都必须加载此模板,但这有点愚蠢 - 我应该能够缓存它。

我不知道怎么去缓存呢;我唯一能想到的就是把它放在一个静态的javascript文件中并用document.write包装它,但这看起来好像很愚蠢。有没有人有其他想法?

1 个答案:

答案 0 :(得分:1)

如果是在页面加载之间不动态更改的内容,则应在服务器上生成,而不是通过Javascript生成。如果它是动态内容,则缓存它是没有意义的。

我首先会考虑您的应用程序设计,然后再考虑高级缓存。

在客户端上缓存内容主要由浏览器处理(现在它们处理得很好)。如果要缓存Javascript计算的结果,则有两种存储可能性:

  1. 缓存
  2. 用于存储JS数据的HTML5 API
  3. 它们都不是完美的,因为它们都不是为缓存而设计的。现在我会选择Cookies,因为它们得到广泛支持。加载页面后,只需检查cookie是否存在,如果存在,只显示其内容。否则使用JS生成它。

    在旁注 - 请勿使用&lt; div&gt;表格数据。 &lt;表&gt;元素就是为此而设计的。