如何可靠地检测'window.location.hash”中的变化以进行实时导航？

检测实时导航的位置哈希更改

使用 Ajax 和哈希进行导航时，确定 window.location.hash 是否已更改改变变得至关重要。虽然传统方法可能在文档加载时起作用，但在使用浏览器的后退按钮导航时，它们无法捕获哈希更改。

浏览器支持限制

不幸的是，浏览器本身不支持提供一个事件来监视位置哈希更改。这种限制对实时导航更新提出了挑战。

解决方案：间隔轮询

最可靠的解决方案是设置一个间隔，不断检查当前哈希并进行比较它与之前的值。当发生变化时，可以触发事件来通知订阅者。虽然并不理想，但这种方法可以有效地检测哈希更改，正如流行的“reallysimplehistory”库所证明的那样。

jQuery 抽象

如果您的项目使用 jQuery，则更容易访问选项出现。 jQuery 的抽象允许监听 window 对象上的“hashchange”事件，提供更简单的解决方案。

$(window).on('hashchange', function() {
  // Handle hash change event
});

但是，由于本机浏览器对“hashchange”的支持仍然不一致，jQuery 采用了“特殊事件”功能。此功能使您能够设置代码来检查本机支持，并在缺乏本机支持时触发轮询和事件触发。

结论

尽管缺少本机浏览器支持，利用间隔轮询或 jQuery 的抽象提供了监视位置哈希更改的有效方法，从而在您的 Web 应用程序中启用复杂的实时导航技术。

以上是如何可靠地检测'window.location.hash”中的变化以进行实时导航？的详细内容。更多信息请关注PHP中文网其他相关文章！