Question

每个人早上好。我需要一个网页来完全加载然后显示。我不想在零件中加载它们。页面应完整呈现并显示给用户。我尝试了一些代码。但它延迟了指定时间的负载，然后从一开始就加载页面。这比平常花费更多时间。请帮我解决这个问题。提前谢谢..： - ）

Answer 1

可能有很多种方式

使用 jQuery Load 加载通过ajax。

在html中

<div id="divID" > </div>

在javascript中

$(document).ready(function(){
   $('#divID').load('YourFolder/test.html');
});

Answer 2

试试这个：

在你的身体标签上：

<body style="opacity:0;">


<script>
    window.onload = function(){
       document.body.style.opacity = 1; 
    }
</script>

你也可以，style.display（阻止或无）

Answer 3

您可以使用某些css隐藏所有内容：

//some_div
{
  display: none;
}

然后在javascript中为document.onload分配一个函数来删除该div。

我认为这是一个非常糟糕的主意。用户喜欢看到进步，简单明了。将页面保持在一个状态几秒钟，然后立即显示加载的页面将使用户感觉没有任何事情发生，并且您可能会失去访问。

一个选项是在后台处理内容时在页面上显示加载状态，但这通常是在网站实际处理用户输入时保留的。

Answer 4

你也可以使用它：

CSS
body { visibility: hidden; }

JS
$(window).load(function () {
  $('body').css('visibility', 'visible');
});

当然你可以获得更多的幻想并使用CSS3过渡或使用不透明度制作动画，这取决于你想要获得多少花哨

Answer 5

你可以这样做，

<强> HTML：

<html>
  <body>

    <div id="loader">Loading...</div>
    <div id="wrapper" style="display:none">
      HTML content
    </div>

  </body>
</html>

JS：（使用jQuery）

$(window).load(function () {
    alert('Content Loaded');        
    $('#loader').hide();
    $('#wrapper').show();
})

Answer 6

这里有很多东西，

1，文档准备就绪，Dom已准备好进行管理。 2，图像被下载..所以完整的文档准备就绪

首先，您可以使用jquery ready函数第二个有jquery插件..所以uisng图像加载插件你将能够做到这一点

在发生这些加载时停止任何用户操作可以通过多种方式完成 1，你可以隐藏身体直到所有东西都加载（Doc + image） 2，你可以把一个覆盖灰色和等号指示器，这样用户就不能做任何动作

由于