如何使用位置哈希来模拟使用JQuery浏览到不同的页面？

Question

我正在尝试做一个简单的例子，以便更好地理解位置哈希的功能。

基本上，我创建了一个带按钮的页面。每次按下按钮时，都会添加一个新按钮，并将新的哈希添加到基本URL。哈希值根据页面中的按钮数量而变化，因此如果有两个按钮，则哈希将为“/＃buttons2”，如果有三个按钮，则哈希将为“/＃buttons3”。

我的印象是，如果我在网址“/＃buttons3”中然后返回带有“/＃buttons2”的网址，页面将会更新，它只显示两个按钮，而不是当前三个按钮这不会发生。此外，重新加载页面将保留散列，但它不会保留我所做的更改，在这种情况下，我添加的按钮消失。

这是我的代码：

//HTML
<button>I am a button</button>

// JavaScript
<script>
    var buttons = 1;
    $("button").click(function () {          
        location.hash = 'buttons' + ++buttons;
        $("body").append("<button>Click me</button>");                               
      });
    });
</script>

我试图模仿你所获得的行为，例如，使用Angular，但不使用JavaScript框架。这可能吗？可以用JQuery完成吗？