Javascript 单页webapp中的“返回”按钮

我正在构建我的第一个网络应用程序。我在头部有一个小导航条，在那里应该放一个后退按钮。应用程序的页面都放在一个文档中，因此div设置为

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

现在我想有一个返回按钮，返回到最后显示的页面。我试过这个

onclick="history.go(-1);

但它不起作用，因为只有一个页面包含所有页面，所以history.go（-1）将转到上次访问的主页。所以我正在寻找一个好的、快速的、简单的解决方案

---

谢谢

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

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

---

这里有一些关于这个主题的附加阅读：

您应该使用历史api：这对我不起作用，因为页面没有显示。如果我使用history.back（）或history.go（-1）什么都没有发生您还可以使用上面提到的API将条目附加到历史中，而不显示任何内容。请再次阅读这篇MDN文章，并遵循示例链接…

onclick="history.go(-1);