javascript - 加载页面并完全显示

Question

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

score 0 · Accepted Answer

你也可以使用这个：

CSS
body { visibility: hidden; }

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

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

score 0 · Accepted Answer

尝试这个：

在你的身体标签上：

<body style="opacity:0;">


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

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

score 0 · Accepted Answer

可能有很多方法

使用jQuery Load通过 ajax 加载。

在 html 中

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

在 JavaScript 中

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

score 0 · Accepted Answer

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

//some_div
{
  display: none;
}

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

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

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

score 0 · Accepted Answer

你可以做这样的事情，

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();
})

score 0 · Accepted Answer

这里有很多东西，

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

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

在这些加载发生时停止任何用户操作可以通过多种方式完成 1，您可以隐藏正文，直到所有内容都加载（文档 + 图像） 2，您可以使用等待指示器放置一个覆盖灰色，这样用户就无法做任何动作

谢谢

6 回答 6