jquery – 隐藏所有内容,直到页面加载完毕

前端之家收集整理的这篇文章主要介绍了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相关文章