客户端iframe缓存的一种好方法

Question

我正在尝试缓存客户端的某些文档，以便更快地切换它们。

文档已经加载到iframe中，所以这是一个关于如何在浏览器中本地缓存它的问题。

我的方法是拥有变量，项目，然后执行

if (item.cache) {
    $('.holder', someElem).html(item.cache);
    return;
}

item.cache = $('<iframe....');
$('.holder', someElem).html(item.cache);

但是，这种方法会在注入持有者时不断重新加载iframe src。

客户端iframe缓存有哪些好的方法？

Answer 1

iframe实际上不会触发页面刷新，直到将其添加到dom。我猜你保留了iframe的一个实例，但是没有把它添加到dom中，直到看到它为止。这种方法效果不好。我建议使用css“display：none”加载它并隐藏，然后在需要时显示它。

另请注意，请远离iframes。我建议使用ajax将数据加载到div，然后隐藏div。

Answer 2

HTTP内置了缓存.Mark Nottingham编写了a decent overview。设置Cache-Control和Expires标题应该足以满足您的描述。