1

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

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

与 ：

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

页面加载就像它不存在一样。

有人有真正有效的代码吗？

帕特里克

4

3 回答 3

0

可以在 head 中添加一个脚本标签，该标签将创建一个样式标签以使用 css 隐藏正文。使用脚本创建样式标签意味着如果禁用 js，使用默认 css 隐藏正文不会影响用户

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

</script>

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

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

于 2012-12-23T19:30:54.163 回答
0

我想你是那个意思

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

      $(window).load(function() {
   $('body').show();
  });
     </script>
于 2012-12-23T19:34:08.450 回答
0

为什么不能一开始就设置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>
于 2012-12-23T19:37:34.123 回答