DataList页面嵌套使用iframe导致IE进度条停不下一直处于Loading状态
2012-11-16 09:41
573 查看
问题描述:
一个Iframe框架首页,嵌套使用了2个iframe标签。即在第二个ifame发出请求后,会出现IE浏览器进度条停不下来,一直处于loading的状态,但实际上页面能够正常加载并执行相应的程序。后来查了很多资料才发现,这是IE一个Bug。
解决办法:
方法一:
参考微软官方提供的解决办法:
http://support.microsoft.com/default.aspx?scid=kb;en-us;Q320731
方法二:
使用setTimeout()函数解决,示例代码如下,
function doAction(url){
var href = "menuFrame.location.href='" + url + "'";
window.setTimeout(href,0);
window.status="eRedCIP:页面加载完成";
}
方法三:
由于使用了Ext的动态生成Tab的效果,方法二的方法不能使用。所以又折腾出了如下方法三,专门用于解决Ext的动态tab里包含Iframe造成IE6.0进度条偶数次点击加载不完全的问题.
如下:
<!-- 解决Iframe IE加载不完全的问题 -->
<a href="javascript:endIeStatus();" onclick="window.status=''; return true;" id="endIeStatus" style="display: none;"/>
/**
* 响应树节点单击事件
*/
function addTab(url,name,id,pathCh,icon){
if(url == '#'){
showOkTipMsg('此菜单还没有指定请求页面,请点击其它功能菜单.');
}else{
var n = mainTabs.getComponent(id);
if (!n) {
//如果对centerPanel进行遮罩,则可以出现阴影mainTabs
Ext.getCmp('centerPanel').getEl().mask('正在加载页面,请稍候...', 'x-mask-loading');
n = mainTabs.add({
'id':id,
'title':name,
closable:true,
iconCls:icon,
listeners: {activate: function(){Ext.getCmp('centerPanel').setTitle(pathCh)}},
html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src='+url+'></iframe>'
});
}
document.getElementById('endIeStatus').click();//解决Iframe IE加载不完全的问题
mainTabs.setActiveTab(n);
}}
//解决Iframe IE加载不完全的问题
function endIeStatus(){}
一个Iframe框架首页,嵌套使用了2个iframe标签。即在第二个ifame发出请求后,会出现IE浏览器进度条停不下来,一直处于loading的状态,但实际上页面能够正常加载并执行相应的程序。后来查了很多资料才发现,这是IE一个Bug。
解决办法:
方法一:
参考微软官方提供的解决办法:
http://support.microsoft.com/default.aspx?scid=kb;en-us;Q320731
方法二:
使用setTimeout()函数解决,示例代码如下,
function doAction(url){
var href = "menuFrame.location.href='" + url + "'";
window.setTimeout(href,0);
window.status="eRedCIP:页面加载完成";
}
方法三:
由于使用了Ext的动态生成Tab的效果,方法二的方法不能使用。所以又折腾出了如下方法三,专门用于解决Ext的动态tab里包含Iframe造成IE6.0进度条偶数次点击加载不完全的问题.
如下:
<!-- 解决Iframe IE加载不完全的问题 -->
<a href="javascript:endIeStatus();" onclick="window.status=''; return true;" id="endIeStatus" style="display: none;"/>
/**
* 响应树节点单击事件
*/
function addTab(url,name,id,pathCh,icon){
if(url == '#'){
showOkTipMsg('此菜单还没有指定请求页面,请点击其它功能菜单.');
}else{
var n = mainTabs.getComponent(id);
if (!n) {
//如果对centerPanel进行遮罩,则可以出现阴影mainTabs
Ext.getCmp('centerPanel').getEl().mask('正在加载页面,请稍候...', 'x-mask-loading');
n = mainTabs.add({
'id':id,
'title':name,
closable:true,
iconCls:icon,
listeners: {activate: function(){Ext.getCmp('centerPanel').setTitle(pathCh)}},
html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src='+url+'></iframe>'
});
}
document.getElementById('endIeStatus').click();//解决Iframe IE加载不完全的问题
mainTabs.setActiveTab(n);
}}
//解决Iframe IE加载不完全的问题
function endIeStatus(){}
相关文章推荐
- DataList页面嵌套使用iframe导致IE进度条停不下一直处于Loading状态
- 页面内iframe嵌套使用导致浏览器进度条始终处于loading状态
- 一个页面中使用多个iframe导致在ie中假死问题的解决方法
- 使用IFRAME引入页面导致IE内存泄漏的解决方案
- IE浏览器内容加载完毕,但进度条加载很慢/IE进度条一直loading总处于未完成状态的问题
- 解决使用Iframe无刷新提交后IE进度条一直在加载的问题
- IE下嵌套使用iframe,jqGrid页码条…
- IE (6-11)版本,在使用iframe的框架时,通过a标签javascript:; 和js跳转parent.location的时候 出现在新页面打开的情况
- 页面使用iframe进行嵌套,关于如何实现,在子页面使整个页面跳转到其他页面
- DataList嵌套DataList(页面绑定后台代码使用ItemDataBound事件实现 纯代码)
- 关于 ie 下使用 iframe 加载子页面时,子页面ajax数据能进入success方法,但是数据为空的问题
- IE中使用IFrame或Frameset导致session丢失的问题
- DataList嵌套DataList(页面绑定后台代码使用ItemDataBound事件实现 纯代码)
- 嵌入页面-IE:Download的使用和iframe的使用
- 强制关闭等导致的XenApp会话一直处于活动状态
- 使用kubernetes创建容器一直处于ContainerCreating状态的原因查找与解决
- 页面嵌套 Iframe 产生缓存导致页面数据不刷新问题
- 使用kubernetes创建容器一直处于ContainerCreating状态的原因查找与解决
- jqGrid在IE中使用iframe嵌套,页码条不显示问题
- Mysql/MariaDB启动时处于进度条状态导致启动失败的原因及解决办法