javascript - 单击链接后如何保留以前网页的内容？

Question

如果这是一个新手问题，我很抱歉，但我也不知道要搜索什么。在浏览网站时如何保留上一页的内容？例如，facebook 上的右侧事件/聊天栏。转到不同的配置文件时似乎不会刷新；它不是 iframe，也不是 ajax(我可能是错的)。

谢谢，

Answer 1

我相信您在 Facebook 中看到的不是实际的“页面加载”，而是巧妙地使用 AJAX 或 AHAH .

所以...假设您有一个网页。它包含链接。这些链接中的每一个都有一个“钩子(Hook)”——点击链接时执行的一段 JavaScript。

如果您的浏览器不支持 JavaScript，该链接将像在老式页面上一样正常工作，并加载另一个页面。

但是，如果启用了 JavaScript，则钩子(Hook)运行的代码不会导航到 HREF，而是会导致将请求放置到不同的 URL，该 URL 只会吐出应该用于替换已经存在的 DIV 的 HTML在页面某处显示。

HTML 中仍然有一个真实的链接，以防 JS 不起作用，因此您看到的 HTML 看起来应该是正确的。尝试在浏览器中禁用 JavaScript，看看 Facebook 是如何工作的。

像这样的实时更新在 Web 2.0 应用程序中随处可见，从 Facebook 到 Google Docs 到 Workflowy 到 Basecamp 等等。“更好”的工具尽可能提供底层 HTML 链接，这样没有 JavaScript 的用户仍然可以得到完整的信息使用应用程序。 (这称为 Progressive Enhancement or Graceful degradation ，具体取决于您的观点。)当然，没有人会期望 Google Docs 可以在没有 JavaScript 的情况下工作。