javascript - 保存导航历史

Question

我有一个非常大的问题...我使用 ajax 技术和 d3 js 库制作了一个网站。在实践中，我只有一个 html 页面，并且使用 javascript、d3、ajax 和 java servlet，我每次点击都会替换页面的内容。现在，让我说我也被迫工作，如果不是为了我，我永远不会这样做。

问题是，如果我在导航的某个点决定刷新页面或返回（使用浏览器上的按钮），我会返回主页。我能怎么做？

非常感谢！我希望我解释并为糟糕的英语道歉！

Answer 1

正如 Marty 已经建议的那样，History.js 非常适合这一点。

或者，看看这个线程：https ://stackoverflow.com/questions/116446/what-is-the-best-back-button-jquery-plugin

Answer 2

Amplify js 有一个存储机制，也可以用于此，但需要更少布线/编码的最佳解决方案是历史 js。

Answer 3

最后我没有使用图书馆。我使用了 javascript 事件监听器

window.addEventListener("hashchange", funcRef, false);
window.addEventListener("load", funcRef, true); 

在函数 funcRef 我有这个代码：

if (location.hash === "#login") {
    ShowLoginForm();
}
if (location.hash === "#home") {
    showLayoutHome();
}

ecc .... 它的工作原理！:)