关于javascript:js基础杂记

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事件