加载页面并完全显示答案

【问题标题】：Load the page and completely and display加载页面并完全显示
【发布时间】：2012-11-30 14:43:34
【问题描述】：

大家早上好。我需要一个网页来完全加载然后显示。我不想分批加载它们。页面应完整呈现并显示给用户。我尝试了一些代码。但是它会将加载延迟指定时间，然后从头开始加载页面。这比平时需要更多的时间。请帮我解决这个问题。提前谢谢你..:-)

【问题讨论】：

【解决方案1】：

有很多方法

使用 jQuery Load 通过 ajax 加载。

在html中

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

在 JavaScript 中

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

【讨论】：

【解决方案2】：

试试这个：

在你的身体标签上：

<body style="opacity:0;">


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

你也可以，style.display (block or none)

【讨论】：

【解决方案3】：

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

//some_div
{
  display: none;
}

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

我认为这是一个非常糟糕的主意。用户喜欢看到简单明了的进步。将页面保持在一种状态几秒钟，然后立即显示加载的页面，这会让用户觉得什么都没有发生，您很可能会失去访问量。

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

【讨论】：

【解决方案4】：

你也可以这样用：

CSS
body { visibility: hidden; }

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

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

【讨论】：

【解决方案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();
})

【讨论】：

【解决方案6】：

这里有很多东西，

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

您将能够使用 jquery 就绪功能做的第一件事第二个有jquery插件..所以uisng那个图像是加载插件你将能够做到这一点

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

谢谢

【讨论】：