路由

发表于

原生路由

关键事件 window.onhashchange

1
2
3
<a href="#/home">home</a>
<a href="#/about">about</a>
<div id="routerPage"></div>
1
2
3
4
5
6
7
window.addEventListener('hashchange', () => {
  let hash = window.location.hash.substr(1);
  switch(hash){
      case '/about': routerPage.innerHTML=about; break;
      default:  routerPage.innerHTML=home;
  }
})

等待后续。。。。

0%