javascript - 一次渲染所有元素，而不是渲染框并等待图像加载

Question

我如何告诉浏览器首先获取所有图像然后显示一个准备好的页面，而不是允许浏览器呈现 img 元素并在其后加载图像？

我在服务器端使用 asp.net，但该解决方案可能与 DOM 和 javascript 有关。

我期待诸如“创建一个 div 并更改 z 索引”或“在隐藏元素中加载图像以更早开始加载图像”或“设置标题以告诉浏览器首先加载图像”之类的答案，所以这不是一个问题进行广泛的讨论。

Answer 1

解决方案肯定必须是客户端。我建议使用 jQuery。您可以将所有图像放在 a 中<div>并将其设置<div>为不可见（即<div id="container" style="display:none">）。然后您可以为该事件设置一个事件处理程序，该事件在页面加载后.ready()显示隐藏：<div>

.ready(function() {
  $('#container').show();
});