如何在不刷新页面的情况下改变URL

主要有两种方式

第一种

• 改 window.location.hash 优点是：没有任何的BUG
  小栗子 ：

  x
  y

第二种

用 [window.history.pushState()]
优点： 更优雅 。缺点：刷新就会 404 解决方式 ：让后端支持模糊匹配的路由
小栗子 ：

<button id="x">x</button>
<button id="y">y</button>
<div id="动态区域"></div>
<script>
  x.onclick = function () {
    window.history.pushState('', 'x页面', '/URL-demo-2.html/x')
  }
  y.onclick = function () {
    window.history.pushState('', 'y页面', '/URL-demo-2.html/y')
  }
</script>