關鍵對象和方法

history.pushState(); //歷史記錄 新增一條鏈接，並改變當前URL ，頁面無刷新

history.replaceState(); //替換當前URL,同時更新歷史記錄， 頁面無刷新

事件

onpopstate{

　　//這三個方法會觸發 onpopstate事件

　　history.forward() //向前翻一頁

　　history.back() //向後翻一頁

　　history.go() //指定翻頁

}

setTimeout(()=>history.pushState({page:1,uid:2200},‘這個參數沒什麽用‘,‘home.html‘),2000)

setTimeout(()=>history.pushState({page:2,cookie:303030303},‘這個還是沒什麽用‘,‘about.html‘),4000)



//執行回退 觸發 onpopstate事件
setTimeout(()=>history.back(),6000);

window.onpopstate = function(event){
　　console.log(document.location)
　　console.log(event.state) //返回你定義的當前頁面的第一個參數對象{page:1,uid:2200} 
}

history(路由控制)