javascript实现页面加载,预读取完数据后再显示页面

<!--/loading.html/-->
<script> 
document.onreadystatechange=function(){ 
if(document.readyState=="complete"){ 
        document.getElementById('loading_div').style.display='none'; 
    } 
} 
</script> 
<div id="loading_div" style="position:absolute;108%;height:108%; 
left:0px;top:0px;background-color:#ffffff;filter:alpha(opacity=100)">  
<div style="text-align:center;padding-top:200px"> 
正在加载数据，请稍候. 
<hr style="height:1px;50%"> 

 
Loading 
</div> 
</div> 

可以将此页面做为公用页面，利用iframe调用其他页
<iframe src="http://ding0910.cnblogs.com/" style="height:100%;100%;margin:0; 
padding:0;border=0"></iframe> 

亦或者在其它JSP页面上，利用<jsp:include page="loading.html" />来引入该页面