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

标签 javascript html event-handling

我有一个网站,有 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,而不是事件处理它们。 但我知道,我可以做到,这只是对我的文档进行大量更改,对我来说,首要任务是让后退/前进、刷新和共享功能正常工作,以便我可以实际共享我的网站在网络上,没有且缺乏功能! :)

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

最佳答案

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

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

关于javascript - 如何使用纯 JavaScript 来使用 onpopstate,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28786896/

相关文章:

javascript - AngularJS:$http 请求问题 - DOM 未针对 jQuery 函数调用更新

javascript - TinyMce 快捷方式 : change background color of the selected text with keybaord shorcut

html - 按钮放置在彼此下方并带有空格

javascript - 将html文本字段解析为javascript

javascript - 捕获给定类型的*所有*事件,无论气泡/目标如何

VBA Outlook 事件移动电子邮件

javascript - 为什么 keydown() 会出现此错误?

javascript - 表单提交前调用函数

javascript - 使用 Jest JS 测试 JavaScript 中的异步代码时遇到问题

javascript - 如何使用 ngClass 做 if-else?