javascript - 从一个 html 页面导航到另一个页面，但将它们都保存在内存中

Question

通常，html 导航会释放第一个 html 页面并加载另一个。但我希望从一个 html 页面导航到另一个页面，但将它们都保存在内存中，因此我可以应用文档消息。

可能吗？

欢迎任何评论

Answer 1

你可以尝试使用标签

http://www.w3.org/Style/Examples/007/target.en.html#tab1

将每个页面的内容放在一个单独的选项卡 div 中，并使用格式/导航来模拟页面之间的移动，以使用户看起来他们正在导航页面，但实际上是在单个页面中切换。

Answer 2

如果你想使用消息（onmessage、postMessage），你可以使用帧，具体来说是 iframe。一个带有两个 iframe 窗口的父窗口，它们可以使用 onmessege 和 postMessege 相互通信（也可以通过不同的域，因此不适用同源策略）。如果两个 iframe 没有从同一个域加载页面，您将无法访问窗口/DOM

Answer 3

是和不是。

不，您不能更改页面并将旧页面保留在内存中。

是的，您可以将当前的 window.document 存储到一个变量中，然后使用通过 AJAX 从另一个页面加载的内容覆盖整个页面。

但是，此方法不会真正加载新页面。url 不变，title 不变，实际上只有 DOM 会更新。