处理 IFRAMES 时后退按钮不起作用

【问题标题】：back button doesn't work when dealing with IFRAMES处理 IFRAMES 时后退按钮不起作用
【发布时间】：2010-07-19 14:09:16
【问题描述】：

我有一个包含 IFRAME 和 src 到第 1 页的页面，然后我在父页面上创建了一个按钮，将 IFRAME 源切换到第 2 页。在 Chrome 上，当我点击后退按钮时，它会将我定向到父页面的历史记录页面，而不是仅仅将 IFRAME 内容重定向回第 1 页。

有人见过这种行为吗？有什么解决办法吗？

谢谢

【问题讨论】：

标签： javascript html http

【解决方案1】：

我使用的一个简单解决方案是将父框架的 location.hash 设置为子 iframe 的 URL（或其他唯一 ID）。

当用户按下后退按钮时 location.hash 会改变。

然后下面的观察者会更新你的frame（更改URL时需要关闭）

var currentHash= window.location.hash, myiFrame = document.getElementById('myiFrame'); window.setInterval（函数（）{ if (window.location.hash != currentHash){ currentHash = window.location.hash; myiFrame.src = currentHash } },250);

【讨论】：