2

我正在尝试制作一个简单的画廊页面。按“下一步”后，网站总是会重新加载，我想为下一张幻灯片做一些预渲染（以获得更好的性能和更快的加载）。目前，我正在为 Chrome 和 FireFox 使用 HTML5 中的预取/预渲染选项：

<!DOCTYPE html>
<html>
    <head>
        <link rel="prefetch" href="index2.html">
        <link rel="prerender" href="index2.html">
    </head>

    <body>
        <img src="big_big_buck_bunny.jpg"/>
        <a href="index2.html">Next</a>
    </body>
</html>

是否有任何其他方式来缓存/预呈现下一页（在本例中 - index2.html）？例如使用 JavaScript？我问这个问题是因为我想让预渲染也能在 Opera 12 和 IE (8/9) 上工作。

4

3 回答 3

2

也许使用 AJAX。在 jquery 中存在 .load() 方法（http://api.jquery.com/load/）

$('#next').click(function () {    
    $('#container').load('http://fiddle.jshell.net/webdevem/JfcJp/show/');
});

$('#prev').click(function () {
    $('#container').load('http://fiddle.jshell.net/webdevem/JfcJp/show/ #specialContent');
});

在这里，您有示例jsfiddle

于 2013-10-21T22:22:39.190 回答
-1

如果您要导航到新页面，则无法预缓存 html。这就是 Ajax 的用途。

您可以在 html 中进行 Ajax，将文档正文设置为新的 html。但是如果用户重新加载页面，除非你设置 #! 在网址中。IE8 没有很多不错的选择。

于 2013-10-22T03:09:25.790 回答
-1

你看不到只是预加载图像，页面本身不需要任何时间来构建......是吗？

于 2013-10-22T03:17:57.723 回答