打开页面A,要求达到这个效果:
A里面包含有<iframe src="http://www.sohu.com" width="0px" height="0px"></iframe>这样一个框架
和一个<div id="xs">成功</div>的层,这个层原来是隐藏的我希望这个页面在加载完<iframe>之后,ID=XS的这个层会显示出来,同时在加载的时候有进度条
总结为一句话就是,页面A中包嵌套一些页面,当页面加载没有完成的时候出现加载进度条,加载完之后会出现提示“成功”,这个进度条可以用代码实现,也可以使用进度条图标来显示也可以

解决方案 »

  1.   

    <script type="text/javascript">
    window.onload=function(){
      var a = document.getElementById("loading");
      a.parentNode.removeChild(a);
    }
    document.write('<div id="loading" style="background:#CC4444;color:#FFF;width:80px;padding-left:5px;position:absolute;line-height:22px">正在读取...</div>');
    </script>
    <body style="margin:0px;padding:0px;font-size:12px;overflow-y:hidden">   
      <iframe src="http://bbs.csdn.net" width="100%" height="100%" frameborder="0" marginwidth="0" marginheight="0"></iframe> 
      
    </body>这个可以否
      

  2.   

    楼主可以参考一下这个:
    页面加载loading效果http://www.jslab.org.cn/?tag=preload可以进行修改以达到你要的效果。
      

  3.   

    一楼bing475879749的答案和要求不符,其实就是想要本页面加载完后,有个提示
      

  4.   

    script type="text/javascript">
    window.onload=function(){
      document.getElementById("xs").style.disolay="none"
    }
    </script>
    <body>  
      <div id="xs"><img src="找个loading图片.gif">正在加载页面,请稍候...</div> 
      <iframe src="http://www.sohu.com" width="100%" height="100%" frameborder="0" marginwidth="0" marginheight="0"></iframe> 
    </body>
      

  5.   

    script type="text/javascript">
    ------>
    <script type="text/javascript"> 
      

  6.   

    发现还有错,重发,汗~~
    <script type="text/javascript">
    window.onload=function(){
      document.getElementById("xs").style.display="none"
    }
    </script>
    <body> 
      <div id="xs"> <img src="找个loading图片.gif">正在加载页面,请稍候... </div>
      <iframe src="http://www.sohu.com" width="100%" height="100%" frameborder="0" marginwidth="0" marginheight="0"> </iframe>
    </body>