javascript - 为 Web 应用程序使用后退和前进浏览器按钮

Question

如何使用浏览器的后退和前进按钮来导航我的 javascript/jQuery 网络应用程序？我知道我可以执行 window.location.href = 'this_url#placeholder' 然后执行适当的操作。但是当我这样做时，浏览器会滚动到具有该占位符 ID 的元素(如果没有，则滚动到顶部)。如何让浏览器不滚动到任何地方？我在 facebook 等其他网站上看到过这个，对此合适的机制是什么？

Answer 1

如果您使用 location.hash 而不是 location.href，您指定的行为就不会发生。

HTML5 标准指定了新的历史功能，例如history.pushState() 可以很好地替代它，但并非所有浏览器都支持它。

如果您不想推出自己的框架，可以使用许多提供此功能的 javascript 插件，所有这些插件都很好地打包，以便在实现略有不同的浏览器之间轻松使用。例如jquery history将在支持它的浏览器上使用较新的 history 选项，并在不支持的浏览器中回退到哈希 url。