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;

}