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>