java关闭ie提示错误_解决IE关闭页面时连续弹出新窗口的bug

这个问题长期以来一直一个随机出现,又十分难以重现和定位。几经努力之后定位到了,在一个带有复杂的内嵌iframe的页面,当内嵌的iframe正在渲染的过程中关闭IE 浏览器的时候,会比较容易发生这个问题。

比较容易猜想的是IE在关闭iframe的时候出现了某些问题。猜测是几个iframe相互有通过top的脚本调用有关系,或者几个iframe和top都在各自不同的域名下有关系,但是页面太复杂进一步定位具体是什么问题十分困难(当试图简化页面的时候,问题往往就不能重现了)。而且问题出现在浏览器内部,就算具体定位到了不一定就能够解决。所以更容易和更有意义的,可能是回避“连续弹出新窗口”这个问题。

最开始的想法是,IE既然在出问题的时候是正在渲染iframe,那么此时可能cpu特别繁忙导致了问题,如果可以回避cpu的最高峰期,把渲染iframe的动作做一定的延迟,也许就可以解决问题。试验后发现,只是减缓了页面的展现速度,对问题的解决基本没用帮助。

换个想法,想想如果我们自己做浏览器,我们在处理这个问题的时候会怎么做呢,容易出什么问题呢?我们可以做这样的猜测:IE关闭窗口的时候,是先关闭和回收了最外层的window对象,然后收集它引用的各种资源,一一进行关闭和回收。也就是说,相当于一个队列式(先打开的window对象先销毁回收,后打开(被引用)的window对象后销毁和回收)或者递归式(父window对象先销毁,子window对象后销毁)的操作:。

看看下面这个测试页面的关闭顺序,其实很耐人寻味(把代码保存为一个html文件后刷新页面):

'">'">setTimeout(function(){

window.attachEvent('onbeforeunload',function(){alert('parent')})

frames['emu1'].attachEvent('onbeforeunload',function(){alert('iframe1')})

frames['emu1'].frames['emu2'].attachEvent('onbeforeunload',function(){alert('iframe2')})

frames['emu1'].frames['emu3'].attachEvent('onbeforeunload',function(){alert('iframe3')})

frames['emu4'].attachEvent('onbeforeunload',function(){alert('iframe4')})

frames['emu4'].frames['emu5'].attachEvent('onbeforeunload',function(){alert('iframe5')})

frames['emu4'].frames['emu6'].attachEvent('onbeforeunload',function(){alert('iframe6')})

},0)

这样子很容易带来的一个问题是,对象的销毁和资源的回收工作,一般来说是作为低优先级的操作,要为高优先级的操作让路的,那么在top窗口被销毁回收的时候,各个iframe的渲染工作,作为优先级比较高的计算,仍在继续进行。等到各个iframe渲染完成了以后,才发现他本来以为一直在哪里的parent(或者top)句柄,现在指向了一个随机的位置,于是就发生了不可预测的后果。

假如问题真的是这样,那么解决方案可能是

1 对关闭操作触发的销毁和回收操作,提高优先级别,或者

2 一但触发关闭操作,立刻主动停止所有的渲染操作,全部资源等待回收,或者

3 对window的关闭操作采用栈式的顺序,晚创建的先销毁,或者或者冒泡式的时序,子窗口先销毁再销毁父窗口。

现在我们的问题是浏览器自己是不会去调整自己的运算优先级和销毁顺序的,那么我们能否用脚本来帮助它调整一下window对象的销毁次序呢:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值