javascript - 在 javascript 中使用 URL 哈希值和 anchor

Question

我们在应用程序的某些地方使用 URL 哈希来过滤显示，例如#highlight=free将突出显示我们的免费内容。我们使用javascript来处理hash，监听hash的变化。一切都很好。

但是，我们想知道将其与“真正的”HTML anchor 链接混合的最佳方式。即指向页面上特定 html id 的链接，例如#chapter-5 .

我们应该使用 javascript 实现跳转到正确的位置并停止依赖默认的浏览器行为吗？例如，链接到 #chapter=chapter-5&highlight=free并在javascript中处理过滤器和 anchor ？或者是否有一种安全/标准的方法来“混合” anchor 和自定义哈希？

Answer 1

如果您的目标环境允许，那么“安全/标准方法”将是仅使用老式哈希(通常称为“hashbang”)方法来保留常规页内 anchor 的哈希值，并使用现代 HTML5 history API instead .

如果您必须支持较旧的浏览器，您可以使用一些 polyfill诉诸于该哈希值。