javascript - 如何防止逐渐显示页面？

Question

我的网站加载图像非常缓慢。出现一些文本，然后是一些表格，然后是一些图像……然后是 - 正文背景图像。
如何强制在整个页面准备好之前不显示任何内容？

score 4 · Accepted Answer

body您可以在其中添加一个类，display:none并在页面加载后将其删除..

<body class="loading">
...
</body>

和

<script>
    window.onload = function(){document.body.className = '';};
</script>

score 3 · Accepted Answer

可能最简单/最好的方法是使用 Javascript 来做到这一点。我看到这个实现的主要方式是文档就绪处理程序揭示了所有隐藏的东西。

$(document).ready(function() { $('*').show(); });  // Or something similar.

当然，人们喜欢看到某种关于“进度”的反馈，这样您的网站就不会显得编码不佳或服务器是垃圾。所以一个加载器栏或其他什么。

正如我上面提到的，这类问题的最佳位置是Stack Overflow，也许这将由更高级别的个人移到那里。同时，这是关于 Stack Overflow的一个非常相似的问题。

2 回答 2