Question

我尝试了多种解决方案，对我来说没有任何作用。我试过这个：

<script type="text/javascript">
$('body').hide();
$(document).ready(function() {
    $('body').show();
});
</script>

并且：

$(window).load(function() {.

页面加载就好像它不在那里一样。

有人有一个适用于真实的代码吗？

帕特里克

Answer 1

可以在head中添加一个脚本标记，该标记将创建一个样式标记以使用css隐藏body。使用脚本创建样式标记意味着隐藏具有默认css的主体不会影响用户，如果禁用了js

<script>
/* place in head tag so it fires before body is present*/
document.write('<style>body{display:none}</style>')

</script>

然后使用jQuery在准备好的处理程序中显示。

如果问题与需要加载图片有关，这里有很多帖子可以创建图像预加载脚本，一旦加载所有图像就可以用来显示正文

Answer 2

我认为你的意思是那样的

   <script>  document.write('<style>body{display:none}</style>') </script>  // in head tag
       <script type="text/javascript">

      $(window).load(function() {
   $('body').show();
  });
     </script>

Answer 3

为什么不能首先在身体中设置display:none：

<body style="display:none;">

然后在script标记中显示它：

<html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    </head>
    <body style="display:none;">
        <p>Text</p>
        <script type="text/javascript">
        $(document).ready(function(){$('body').show();});
        </script>
    </body>
</html>

加载时显示页面

3 个答案: