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)); 

};