`

禁用浏览器后退按钮 针对IE的诡异方案版

阅读更多

         google “禁用浏览器后退按钮”会搜到很多文章。提一个比较有意思的解决方案,下面的解决方案仅针对于IE浏览器,因为各个浏览器对后退按钮 以及历史记录的处理是不同的。

 

       先说明问题背景: 当在IE有iframe的时候,而这个iframe的历史记录会被记录在浏览器中,当点击后退按钮的时候,会发现主窗口不进行后退,而是iframe里面进行后退,这样就可能引发之前的操作再次执行。所以就要禁用掉后退按钮。

 

       分析下IE浏览器在有iframe的状况时,使用回退按钮的处理:

           A跳转到B窗口,而B下有iframe C,而iframe C有跳转到D。如果使用后退按钮,首先是iframe C 从D回到C ,主窗 口没有变化,再继续回退的话,然后是B回到A。

 

       从以上就可以得知:

           IE会将iframe的跳转记录在历史记录中,而使用回退,其对应历史记录仅使用在iframe上,可是不会对主窗口进行回退。利用这个特性进行诡异的 禁用浏览器后退按钮。 :)

         (  firefox会回退其主窗口。)

 

 

        如果在最终D的情况下不允许再回退跳转了,禁用其后退按钮,推荐下面的解决方案:

          在D中引入iframe E 而E中自动跳转f。利用IE对iframe的变化也记录在历史记录的特点, 这样在每次回退的时候,都只有iframe E中在变化,而E 又自动跳转F ,这样历史记录又填回IE里面去了,就导致其D不能进行回退。

 

 

    在IE里面试试附件的例子。 

 

      以上方案测试中,有错误欢迎大家提出。

 

 

 

 

 

分享到:
评论
1 楼 Allenalex 2014-10-28  


假设B给C提供了数据。现在想从D退回到C。由于这个时候B提供给C的数据没有了。这时候点击浏览器的返回按钮会在C(iframe)显示“网页已过期”。这个你有什么处理方法吗?怎么实现这种情况下,从D返回C呢?

相关推荐

Global site tag (gtag.js) - Google Analytics