详解JavaScript实现监听路由变化

前端实现路由变化主要有两种方式,这两种方式最大特点就是实现URL切换无刷新功能

通过hash改变,利用window.onhashchange 监听。

通过history的改变,进行js操作加载页面,然而history并不像hash那样简单,因为history的改变,除了浏览器的几个前进后退(使用 history.back(), history.forward()和 history.go() 方法来完成在用户历史记录中向后和向前的跳转。)等操作会主动触发popstate 事件,pushState,replaceState 并不会触发popstate事件。