Javascript 如何使用外部预加载程序预加载网页？

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

我想创建另一个名为index.html的页面，该页面将完全预加载index2.html，然后引导用户访问它。然而，我在互联网上找到的所有预加载解决方案都基于一个HTML页面

---

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

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

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

---

更改页面时，会丢失所有预加载的内容。您必须预加载图像，并将其插入到您所在的同一页面中。@bfavaretto不完全正确。图像可能无法直接在页面中使用，但它可能在浏览器缓存中可用，因此加载速度更快。请使用AJAX，而不是预加载程序。@GolezTrol True。但正如迪奥德乌斯所说，这似乎是ajax的一个例子，我是一名开发人员——我只是自己编写代码。阅读jQuery.ajax文档。这很有帮助。谢谢。希望这至少能为你指明正确的方向。

<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>