Javascript history.replaceState与iframes的问题

我为这件事发疯了。我已经读了所有我能找到的关于这个主题的东西，但是我迷路了

我有一个带有按钮和两个iFrame的页面

<input name="showButton" type="button" id="showButton" value="Show" />
<iframe id="messagelistviewframe" src="blank.html"></iframe>
<iframe id="messageviewframe" src="blank.html"></iframe>

$(document).ready(function () {
    $('#showButton').bind("click", function (e) {
        $('#messagelistviewframe').attr('src', 'red.html');
        $('#messageviewframe').attr('src', 'yellow.html');
    });    
}

不幸的是，这会创建两个历史记录条目，每个iframe url更改一个。因此，单击浏览器的“后退”按钮，我首先会看到一个页面，其中第二个iframe返回到其原始url，如果我再次单击，我会看到这两个页面

我已经尝试了所有可能的方法，我相信都是徒劳的。我在Firefox上得到了一些结果，但在Chrome和IE上都没有

---

有没有一种方法可以让后退按钮直接给我原始页面和原始iframe URL？TIA终于在本文中找到了答案。诀窍是重新创建iframe或将其从DOM中删除并重新添加。

最终在本文中找到了答案。诀窍是重新创建iframe或将其从DOM中删除并重新添加。

最终在本文中找到了答案。诀窍是重新创建iframe或将其从DOM中删除并重新添加。

最终在本文中找到了答案。诀窍是重新创建iframe或将其从DOM中删除并重新添加