前端路由机制

var routerView=document.querySelector("#routerView");
window.addEventListener("DOMContentLoaded",onchange);
window.addEventListener("hashchange",onchange);

function (){
    switch(location.hash){
        case "#/home":
            routerView.innerHTML="home";
            return;
        case "#/about":
            routerView.innerHTML="about";
            return;
        default:
            routerView.innerHTML="";
            return;
           }
}

var routerView=document.querySelector("#routerView");

window.addEventListener("popstate",onchange);    


document.querySelectorAll("a[href]").forEach(
    	el=> el.addEventListener("click",function(e){
    	e.preventDefault();                  //阻止A标签默认行为
    	var path=el.getAttribute("href");
    	history.pushState(null,"",path);     //@param 1)状态对象2)标题3)URL
        onchange();                          //手动触发
}))
function (){
    switch(location.pathname){
        case "/home":
            routerView.innerHTML="home";
            return;
        case "/about":
            routerView.innerHTML="about";
            return;
        default:
            routerView.innerHTML="";
            return;
           }
}