做项目的时候发现,父页面使用iframe 内嵌页面时,比如父页面有个tab,点击不同的tab切换tab的内容,此时,每个不同的tab内容就是一个html页面。

当多次点击tab后,点击浏览器回退按钮,导致页面没有回退,回退的只是iframe的历史页面,直到回退到初始的历史iframe才能够真正的返回上一页。

此时,我用的是替换iframe的src链接进行内容切换的。

针对以上问题,只需将整个iframe进行替换即可。

如下html:

iframe放置区域:

使用js进行整个iframe替换:

 

type为页面值。