1.hash模式:這里的模式涂邀,主要是,我們可以通過侍芝,window.location.hansh.研铆,獲取這個hash值,可以監(jiān)聽window.onhanshchange事件州叠,在hansh的值棵红,發(fā)生改變的時候執(zhí)行不同地邏輯。
2.history模式咧栗,主要是根據(jù)html5最新的api逆甜,我們可以通過,包括了pushState,replaceState兩個方法,這兩個方法接收三個參數(shù):stateObj,title,url
history.pushState({color:'red'}, 'red', 'red'})
window.onpopstate = function(event){
//這里是獲取事件中的轉(zhuǎn)態(tài)就是歷史路由保持地實(shí)例
??console.log(event.state)
??if(event.state && event.state.color === 'red'){
????document.body.style.color = 'red';
??}
}
//這里是后退
history.back();
//這里是前進(jìn)
history.forward();