如何在不重新加载当前页面的一部分的情况下导航到新页面？答案

【问题标题】：how can I navigate to a new page without reloading part of the current page?如何在不重新加载当前页面的一部分的情况下导航到新页面？
【发布时间】：2012-09-29 18:39:48
【问题描述】：

我有一个 mybb 论坛，以及一个在论坛底部添加公共/私人聊天的插件（它在 </body> 之前添加了一个 div）。

我想在不重新加载聊天的情况下浏览论坛。

在this question 中，乔什·斯托多拉解释了如何更改网址。在this question 中，有一个小的 JavaScript 代码可以更改 url。我也读过有关 HTML5 iframe 的文章，但我仍然无法想象如何将它们一起使用。

聊天应该在 iframe 中吗？论坛内的iframe？论坛应该在一个 iframe 中，而聊天应该在另一个 iframe 中吗？还有那 2 个 iframe，在一个新页面中？？？

我搞砸了……

【问题讨论】：

如果你想达到这个目的，你应该使用FRAMESET和FRAME而不是IFRAME。

标签： html iframe

【解决方案1】：

您应该有一个包含聊天内容的窗口和一个 iframe。这将允许您浏览您的论坛，并且只重新加载 iframe 与顶部框架。

<body><iframe src="someurl"></iframe><div>Chat</div></body>

需要注意的几点：这样做不会在您导航时更改地址栏，这会使用户在尝试链接到页面时感到困惑，并将他们带到主页或开始浏览您的论坛的任何地方。

如果您想做一些更花哨的事情，请查看pjax。它可以让您在只加载某些内容的同时更改整个页面的 url。

【讨论】：

哦，如果您想要使用 pjax 的示例，请查看 github 本身。树导航是通过 pjax 完成的，因此只有代码被换出而不是重新加载整个页面。
谢谢，我发现 iframe 没有帮助，因为我需要聊天才能留在论坛上。出于安全原因，您不能在框架上添加图层。