实现的基本原理是监听url的变化,截取url,然后根据url用Ajax请求数据,替换DOM。
通常有两种实现路由的方式:
1.hash模式
2.history模式
hash模式
location对象有一个hash属性,它的作用是返回或设置url中从#开始的url。
并且#后面的hash值的变化不会导致浏览器向服务器发送请求,也就不会导致页面刷新。
hash值的变化会触发hashchange事件
window.addEventListener('hashchange',function () {
let hash = document.location