日期:2014-05-16  浏览次数:20795 次

div中加载页面,当加载页面慢时,显示正在加载中……
求个小例子 
如下所示:
div 中 加载test,htnl 页面,
当数据 显示缓慢时显示 正在加载……
加载完全后,显示test.html页面

 <div id="tabs" class="easyui-tabs"  fit="true" border="false" >
              <div id="home" title="test" >
<iframe width="100%" align="center" height="100%" frameborder="0" name="home" id="home" src="test.html"></iframe>
      </div>
  </div>

------解决方案--------------------
这种显示 正在加载 的页面都是用到了ajax,普通的请求没什么意义吗 谁知道什么时候慢,什么时候快啊  不确定性!
------解决方案--------------------
本帖最后由 showbo 于 2013-11-13 10:30:18 编辑
<div id="tabs" class="easyui-tabs"  fit="true" border="false" >
<div id="loading">loading......</div>
              <div id="home" title="test" style="display:none" >
        <iframe width="100%" align="center" height="100%" frameborder="0" name="home" id="home" src="test.html" onload="document.getElementById('home').style.display='block';document.getElementById('loading').style.display='none'"></iframe>
          </div>
  </div>
------解决方案--------------------
1、弄一张“正在加载”的动态图片,默认显示2、ajax请求数据3、返回数据隐藏图片