使用JavaScript检测URL的哈希值的更改
我正在开发一个简单的应用程序,它基于单页(由于项目限制)并具有动态内容。 我理解动态内容不错,但我不明白的是如何设置一个脚本,当URL中的哈希值发生变化时,它会更改div
的html。
我需要一个JavaScript脚本来这样工作:
url: http://foo.com/foo.html
: http://foo.com/foo.html
div内容:
Hello World
url: http://foo.com/foo.html#foo
: http://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/