javascript - 使用 iframe 时使浏览器后退按钮适用于主页

Question

我们的 IE 有问题。在带有表单的网页上，通过 javascript 创建多个框架。这是由于一些蹩脚的所见即所得。问题在于，当用户点击浏览器的“后退”按钮时，您会希望整个页面返回。这是在 FF、Chrome、Opera、Safari 等中发生的情况。但是对于 IE，您必须为页面上的每个框架单击后退按钮，即使您除了加载页面什么都不做。

知道有时 +20 帧可以在同一页面上(许多文本字段)，这对用户来说是一个真正的痛苦。

问题:无论页面上有多少帧，您如何使浏览器后退按钮在主页上起作用？

非常感谢!

Answer 1

实现它的一种方法是使用 hash bang url 实现客户端路由。

每次在 iframe 上更改页面时，父 url 的哈希部分都会更改以反射(reflect)它。

然后您有一些 js 可以监听这些更改并执行跨框架更新整个页面状态所需的操作。

现在，当用户按下后退按钮时，父 url 会更改为子 iframe 中最后一次更改之前的哈希值，并且所有内容都会相应更新。

请注意:如果您有许多 iframe，这将是一件非常重要的事情，而且我无法为您提供可以解决您的问题的工作脚本。这仅供引用。