网页加载时出现零散？答案

【问题标题】：web page appears scattered when loading?网页加载时出现零散？
【发布时间】：2010-10-10 21:31:22
【问题描述】：

第一次加载页面时，图像不会显示一秒钟（就像它们不可见一样）。页面的结构变得显得分散。如果你点击刷新，那很好。是否有可以解决此问题的修复程序？

【问题讨论】：

【解决方案1】：

如果问题完全出在图片上，我相信你可以使用<img>标签的height和width属性来告诉浏览器图片的大小。这将允许它在加载所有内容之前正确“放置”所有内容。

编辑：其他人建议使用 CSS，我相信使用 CSS 中的 height 和 width 指令会给您带来与使用 <img> 标记的相同属性相同的结果，但不会限制您严格限制图像，并且与您可能使用的任何 margin 或 padding 指令配合使用会更好。

【讨论】：

【解决方案2】：

是的，但它们都不是很简单。最简单的方法之一是将页面隐藏在 div 或其他内容中，直到所有内容都加载完毕。

【讨论】：

【解决方案3】：

这就是 HTML 在完全加载之前的布局方式。它在加载时显示正在加载的内容。当元素被加载时，它们可能会推动事物以适应 HTML 的宽松性。

如果您希望页面在加载时“正确”加载，请查看 CSS 布局。

点击刷新时它会正确显示，因为数据已经缓存在您的计算机上并且加载速度更快。

【讨论】：

【解决方案4】：

试试这个：

<script type="text/javascript">
window.onload = function() {
    document.body.style.display = 'none';
    document.body.style.display = 'block';
};
</script>

【讨论】：

我怎么能用 JQuery 做到这一点？
您不必使用 JQuery，这是可以与 JQuery 一起使用的原生 javascript :) 您可以将 onload 事件更改为在 JQuery 中构建的事件处理程序。