如何预读取完框架内数据后再显示页面

来源:互联网 发布:sql update 多表关联 编辑:程序博客网 时间:2024/05/16 14:32
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 160x600, 创建于 08-4-23MSDN */google_ad_slot = "4367022601";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

点击以下代码运行演示效果!!!!

 

<script>
document.onreadystatechange=function(){
if(document.readyState=="complete"){
        document.getElementById('loading').style.display='none';
    }
}
</script>
<body style="margin:0;padding:0">
<div id="loading" style="position:absolute;width:100%;height:100%;
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%">
<br>
Loading...
</div>
</div>
<iframe src="http://www.alixixi.com" style="height:100%;width:100%;margin:0;
padding:0;border=0"></iframe>
</body>

<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 160x600, 创建于 08-4-23MSDN */google_ad_slot = "4367022601";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
原创粉丝点击