javascript - 如何使用纯 JavaScript 来使用 onpopstate

Question

我有一个网站，有 4 个主页:index、somepage、someotherPage 和 LastOtherpage。它们有不同的名称，例如index.php、food_and_health.php、enlightening_info.php 和about_us.php。

我的 ajax 部分(HTTPrequest)工作正常，并且推送状态正在工作。

我现在想要的显然是 popstate 函数可以工作。我已经阅读并观看了教程，但是我该如何使用 this 关键字来做到这一点？

我添加了一个 fiddle ，所以你可以看到我的代码，它在 fiddle 中工作得不好，但在 chrome、firefox 和最新的 ie 中工作得很好。我对我的 onpopstate 有类似的想法..

nav.history("this.object", "Title", "/this.url"); 
http://jsfiddle.net/vwd6bnjc/1/

onpopstate 代码是什么样的？我知道索要所有代码是不好的，但这样我实际上是在学习，因为当我阅读代码时，我就理解了。我还没有完全掌握 javascript 事件处理，正如你所看到的，我在 html 文档中使用了 onclick，而不是事件处理它们。但我知道，我可以做到，这只是对我的文档进行大量更改，对我来说，首要任务是让后退/前进、刷新和共享功能正常工作，以便我可以实际共享我的网站在网络上，没有且缺乏功能! :)

非常感谢任何帮助，提前致谢:)

Answer 1

如果MDN没有帮助你，你可以查看history.js并将其用于跨浏览器，或者看看onPopState是如何使用的:

https://github.com/browserstate/history.js