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;width: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;width:50%" >  

 
Loading 
</ div >  
</ div >  

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

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