如何使用外部预加载器预加载网页？答案

【问题标题】：How to preload a web page using external preloader?如何使用外部预加载器预加载网页？
【发布时间】：2013-07-16 04:50:14
【问题描述】：

我有一个简单的 HTML 页面，它有一个大图像作为全屏背景；我将此页面称为index2.html。

我想创建另一个名为index.html 的页面，它将完全预加载index2.html，然后将用户引导至该页面。但是，我在 Internet 上找到的所有预加载器解决方案都是基于单个 HTML 页面的。

我怎样才能做到这一点？任何帮助将不胜感激。

【问题讨论】：

当您更改页面时，您会丢失所有预加载的内容。您必须预加载图像，并将其注入您所在的同一页面。
@bfavaretto 不完全正确。图片可能不会直接在页面中可用，但它可能会在浏览器缓存中可用，因此加载速度更快。
使用 AJAX，而不是预加载器。
@GolezTrol 是的。但正如 Diodeus 所说，这似乎是 ajax 的一个案例。
我是一名开发人员 - 我只是自己编写代码。阅读 jQuery .ajax 文档。 api.jquery.com/jQuery.ajax

标签： javascript html css preloader

【解决方案1】：

您可以通过将图像作为 1 像素图像加载到 index.html 来使浏览器缓存图像

<img src="/index2-background-image.jpg" alt="" width="1" height="1" />

或者，您可以使用 jQuery 从index2.html 加载内容，如下所示：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery().ready(function () {
    $.get('index2.html', function(data) {
        jQuery("#index2content").html(data);
    });
});
</script>

<div id="index2content"></div>

【讨论】：

帮助很大。谢谢
当然。希望这至少能让你指出正确的方向。