1、路由变换
(1)应用hash
获取url中的hash:http://www.bbbb.com#hashstr

`window.location.hash //#hashstr`*   1

扭转hash:

`window.location.hash = "#hahah";// 变成http://www.bbbb.com#hahah`*   1*   2

最重要的是hashchange事件,通过这个事件来写页面跳转等的业务逻辑,每当url的hash扭转都会触发这个事件

window.addEventListener("hashchange", function() {    // 获取hash值    var hash = window.location.hash;    // 依据获取的hash做相应的操作    . . .});

(2)HTML5 history api
history.pushState(stateObject, title, url)
history.replaceState(stateObject, title, url)
window.onpopstate事件