javascript - 进度条隐藏页面直到页面完全加载

Question

我的网页需要 0.5 秒到 3 秒才能完全加载。我只是想知道是否有一种方法可以在页面加载之前显示叠加层。页面加载完成后，我希望隐藏此叠加层。进度条或 .gif 之类的东西。我在 MVC3 中使用 Razor 引擎。

Answer 1

为了完成这项工作，我做了三件事:PS，对于糟糕的代码块，抱歉，所有这些都是新的。

HTML 分区:

<div id ="blocker">
<div>Loading...</div></div>

CSS:

#blocker{position: fixed;


top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: 1000;  
opacity: 0.3;  
display: none;

#blocker div   
    { position: absolute;
    top: 50%;
    left: 50%;
    width: 5em;
    height: 2em;
    margin: -1em 0 0 -2.5em;
    color: #fff;
    font-weight: bold;
}

调用 Ajax 之前的 JQuery:

$("#blocker").show();

    $.ajax`