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、返回数据隐藏图片