Question

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

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

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

Answer 1

您可以让浏览器将图片加载到index.html上作为1像素图片来缓存图片

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

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

1 个答案: