window.history.pushState-加载新页面而不重新加载

Question

我正在尝试在应用程序中加载新页面而不重新加载当前页面。我发现了一个非常有用的方法window.history.pushState(“object or string”, “Title”, “/new-url”);。我正在尝试将其添加到Web应用程序中，但仍无法正常工作。单击它没有任何反应。我在一些最新的浏览器上进行了测试。

我的代码如下：

  <button onclick="myFunction()">Click me</button>
  function myFunction() {
  window.history.pushState('window', 'Title', '/test1');
  }
  </script>

这是他尝试使用的tutorial。

为什么我的代码无法正常工作？如何在不重新加载当前页面的情况下加载新页面？