javascript - 单页 Web 应用程序中的返回按钮

Question

我正在构建我的第一个 WebApp。我的头部有一个小导航栏，其中应该放置后退按钮。应用程序的页面全部放置在一个文档中，因此 div 设置为

<div id="page_1" class="page" style="display:none">

并且将通过点击链接来显示

onclick="show('Page_dash');

现在我想要一个后退按钮，可以返回到最后显示的页面。我已经尝试过了

onclick="history.go(-1);

但它不起作用，因为只有一个页面包含所有页面，因此history.go(-1) 会转到最后访问的主页。所以我正在寻找一个好的、快速的、简单的解决方案!

谢谢

Answer 1

为了创建有效的单页应用程序 (SPA)，您需要实现一种对最终用户而言传统的跟踪历史记录的方法。有几种不同的技术可以实现这一点，但作为企业级单页应用程序的开发人员，我强烈建议使用url hash方法。

此技术允许您的最终用户在单页应用程序中为特定“页面”添加书签，并使用浏览器的后退按钮返回到上一页。如果最终用户尝试使用浏览器的后退按钮返回到上一页，并发现他们返回到 Google 或他们之前访问过的任何网站，那么他们可能会对单页应用感到非常沮丧。

以下是有关该主题的一些附加读物:URL Hash Techniques