jquery - 是否可以在显示之前预加载 HTML 页面？

Question

我不是指预加载图像，我想使用 JQuery 预加载 HTML 页面。

score 9 · Accepted Answer

然后根据需要使用 Ajax 内容：

var myPrefetchedPage;
$.ajax({
  url: "test.html",
  cache: false,
  success: function(html){
    myPrefetchedPage = html;
  }
})

myPrefetchedPage 现在是完整内容 - 可以注入当前页面（如果需要，完全替换页面。

如果您只是想尽可能多地利用缓存，隐藏的 iFrame 可能会更好。然后，您可以使用 jQuery 循环 iframe src 以获取多个页面。

score 4 · Accepted Answer

您可以将所有内容放在不可见的 div 中，一旦文档准备好，使 div 可见 - 尽管这实际上不是“预加载” - 它只是在加载所有内容之前不显示任何内容。

score 2 · Accepted Answer

为什么是的！你可以做一些事情，比如为你的内容创建一个 iframe，分别获取内容，然后填充框架。

score 0 · Accepted Answer

在主体上设置一个类以隐藏它，然后在 onload 事件中使用 Javascript 将其删除。

（但你为什么要这样做是另一个问题。）

score 0 · Accepted Answer

是的，您可以通过jQuery.get加载页面，然后在显示之前使用它（以字符串形式）执行您想要的操作。如果将其插入隐藏容器中，则可以先使用 DOM 对其进行操作。

score 0 · Accepted Answer

您可以使用：浏览器将下载资源并在后台呈现整个页面。当用户单击该“您的页面”链接时，该页面将几乎立即显示。

6 回答 6