<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="#/home" >這里</a> <a href="#/lon">白天</a> <div id="app"></div> <script type="text/javascript"> // console.log(location) //路由的跳轉 //onhashchange是window的一個方法 window.onhashchange=function () { console.log(111); console.log(location.hash); //這里可以獲取當前的路由信息 switch(location.hash) { case '#/home': document.getElementById('app').innerHTML='<h2>課程</h2>'; break; case '#/lon': document.getElementById('app').innerHTML = '<h2>價錢</h2>'; break; } } </script> </body> </html>