打开的时间过长,页面js载入中的功能怎么写

由于页面打开的时间过长，想写个页面载入中的功能，有没有好一点的例子？

可以将要打开的页面 放到 iframe 中，等iframe加载完毕再显示出来。

所有内容放到一个总容器中，容器隐藏，window.onload中显示容器信息就行了

XML/HTML code?<div id="loading">正在努力加载中...</div> <div id="dvContainer" style="display:none"> 所有的内容放到这里来 <img src="http-://www.coding123.-net/imgdesign/20120928/20120928164213345.jpg"/> </div> <script> window.onload=function(){   document.getElementById('loading').style.display='none'   document.getElementById('dvContainer').style.display='block' } </script>

body>     <script type="text/javascript">               var container = Ext.create('Ext.container.Container', {             renderTo : Ext.getBody(),             width : 400,             height : 700,             style : 'margin:0 auto;',             layout: {                 type : 'vbox',                 align : 'center',                 pack : 'center'            },             items : [ new Ext.ProgressBar({                 id : 'pgb',                 width : 300             }) ]         });           var pgb = Ext.getCmp('pgb');         pgb.wait({             text: 'loading...',         });                   var load = function() {             if ( ready != 'yes' ) {                 setTimeout(load, 100);             } else {                 pgb.updateText('Done!');                 container.hide();             }         }                   load();               </script> </body>