document.onreadystatechange实现加载页面。

使用 document.onreadystatechange方法 判断 页面加载是否完成。

document.onreadystatechange = function(){     
          if(document.readyState=="complete")     
           {     
            document.getElementById('none').style.display="none" 
           }   

}   

<!--预加载动画-->
               <div class="loading" id="none">
<span class='load'>正在加载...</span>
</div>

<!--预加载css->

.loading{
background: #000;
height: 100%;
width: 100%;
position: relative;
top: 0px;
left: 0px;
color: #fff;
text-align: center;
}

.load{padding-top:50%;
display: block;
}