Javascript数据绑定元素属性以锚定URL中的href

Question

我怎样才能将location.hash绑定到HTML元素属性？例如，以下元素

<span id="mySpan" data-foo=""></span>

更改为

<span id="mySpan" data-foo="bar"></span>

当网址更改为/index.html#bar时。然后它变为

<span id="mySpan" data-foo="buzz"></span>

当网址更改为/index.html#buzz时。

jQuery是可接受的，但我宁愿在普通的JS中这样做。有什么想法吗？

Answer 1

使用window.onhashchange，就像这样

window.onhashchange = function(){

    document.getElementById("mySpan").setAttribute("data-foo",location.hash.slice(1)); 

};