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://blog.youkuaiyun.com/jack_zy1981/" style="height:100%;width:100%;margin:0;
padding:0;border=0"></iframe>

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