使用JavaScript检测URL的哈希值的更改

我正在开发一个简单的应用程序,它基于单页(由于项目限制)并具有动态内容。 我理解动态内容不错,但我不明白的是如何设置一个脚本,当URL中的哈希值发生变化时,它会更改div的html。

我需要一个JavaScript脚本来这样工作:

url: http://foo.com/foo.htmlhttp://foo.com/foo.html div内容:

Hello World

url: http://foo.com/foo.html#foohttp://foo.com/foo.html#foo div内容:

Foo

这怎么样?

请帮忙! 谢谢。

您可以收听hashchange事件:

 $(window).on('hashchange',function(){ $('h1').text(location.hash.slice(1)); }); 

就个人而言,我会使用sammy ,它可以灵活地对主题标签进行模板化(添加占位符并能够回读它们)。 例如

    Load foo.html Load bar.html 

可以在这里找到一个例子: http : //jsfiddle.net/KZknm/1/