jquery - 隐藏所有内容直到页面加载完成

我希望隐藏页面上的所有内容，直到页面加载完成。我看过很多帖子并尝试过不同的事情。效果很好的最常见解决方案是

<body style="display:none;">

然后运行 jQuery 以在窗口加载时再次显示

$(window).load(function() {
  $("body").fadeIn("slow");
});

我对此有疑问，因为该页面依赖 JS 来显示任何内容。我意识到这是一件罕见的事情，但只是感觉不对。

理想情况下，我想使用 jQuery 来添加 display:none css

但是...

问题是当我添加时

$(document).ready(function {
  $(body).css('display', 'none');
});

即使这需要一段时间才能运行，并且页面会预先闪烁内容。

有更好的方法吗？

我可以在没有 document.ready 的情况下使用上面的脚本吗(尝试过，但没用)

谢谢。

最佳答案

要使用 JavaScript 隐藏它，请在 BODY 标记声明之后设置脚本:

<body>
    <script>document.body.style.display = "none";</script>

这样如果禁用了 javascript，BODY 仍然会显示

关于jquery - 隐藏所有内容直到页面加载完成，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22095529/