我在一个react应用程序中使用这个，使URL显示不同的参数，取决于用户所处的视图。

我看了哈希参数使用

window.addEventListener('hashchange', doSomethingWithChangeFunction);

Then

function doSomethingWithChangeFunction () {
    let urlParam = window.location.hash; // Get new hash value
    
    // ... Do something with new hash value
};

工作了一个待遇，工作与前进和后退浏览器按钮，也在浏览器历史记录。

注意，在Internet Explorer 7和Internet Explorer 9的情况下，if语句将返回true(对于“onhashchange”在windows中)，但窗口。onhashchange永远不会触发，所以最好存储哈希值，并在每100毫秒后检查它是否为所有版本的Internet Explorer更改。

    if (("onhashchange" in window) && !($.browser.msie)) {
         window.onhashchange = function () {
              alert(window.location.hash);
         }
         // Or $(window).bind( 'hashchange',function(e) {
         //       alert(window.location.hash);
         //   });
    }
    else {
        var prevHash = window.location.hash;
        window.setInterval(function () {
           if (window.location.hash != prevHash) {
              prevHash = window.location.hash;
              alert(window.location.hash);
           }
        }, 100);
    }

编辑- 从jQuery 1.9开始，$.browser。不支持Msie。来源:http://api.jquery.com/jquery.browser/

简单的例子 单击按钮更改散列

窗口。onhashchange = () => console.log('散列更改-> ${window.location.hash} ') <按钮onclick = " window.location.hash = math . random ()“>哈希到数学。随机> < /按钮 <按钮onclick = " window.location。>哈希到ABC</button> . <按钮onclick = " window.location。hash='XYZ'"> hash到XYZ</button> .

Firefox从3.6开始就有了onhashchange事件。看到window.onhashchange。

我一直在使用path.js作为客户端路由。我发现它非常简洁和轻量级(它也被发布到NPM)，并使用了基于哈希的导航。

path.js NPM

path.js GitHub

另一个伟大的实现是jQuery历史，它将使用本机的onhashchange事件，如果它被浏览器支持，如果它不支持，它将使用适当的iframe或间隔浏览器，以确保所有预期的功能被成功模拟。它还提供了一个很好的接口来绑定某些状态。

另一个值得注意的项目是jQuery Ajaxy，它几乎是jQuery历史的一个扩展，将ajax添加到混合。当你开始使用ajax哈希时，它变得相当复杂!